@charset "utf-8";

/* -----------------------------------------------
CSS file Fuoco Inc.
FileName: twoColFixLtHdr.css
----------------------------------------------- */

@import "base.css";


body{
	margin: 0;
	padding: 0;
	color: #333333; 
	background: url(../images/common/bg_body.gif) repeat; }


/*
***********************************
*
*	フォントサイズ、種類、行間
*
***********************************
*/
body,h1,h2,MainContent,h4,h5,h6,pre,td,th,input,textarea,caption,address {
font-family: "Hiragino Kaku Gothic pro","ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック","メイリオ",Meiryo,sans-serif;}
body,h1,h2,MainContent,h4,h5,h6,pre,address {
font-size: x-small;line-height:1.5em;font-weight:normal;
/* (IE6,FireFox,NN6.x,Safari) modern browser */
/* hack */
voice-family:"\"}\"";
voice-family:inherit;

font-size: small;
}

/* ***for opera *** */

html>body,h1,h2,MainContent,h4,h5,h6,pre,td,th,input,textarea,caption,address{
 font-size: small;
}


/*

***********************************
*
* text-indent: -xxxxemの回避策
* Mac IEでのリンクが消失をhackで回避
*s
***********************************

*/

a {
/*\*/
   overflow: hidden;
/**/

}

/* 
 
***********************************
*
*　フォントサイズ変更設定
*
***********************************

*/
.Bld{font-weight:bold;}
.Small{font-size: smaller;}
.Large{font-size: larger;}
.LargeBld{font-size: 14px;font-weight: bold;}
.SmallBld{font-size: smaller;font-weight: bold;}

/* 
 
***********************************
*
*　フォントカラー設定
*
***********************************

*/

.Red{ color:#CC3300;}
.Blue{color:#3366FF;}

.b {font-weight:bold;}

.f-small { font-size: 90%;}
.f-bigger{ font-size: 110%; letter-spacing:0.1em;}
.f-green{ color: #439144;}
.f-red{ color: #E60011;}
.f-Pink{color:#FF3366;}
.f-blue{ color: #0074A9;}
.f-yellow{ color: #db812e;}
.f-l-red{ color: #ff6666;}
.f-white{color:#FFFFFF;}
.f-orange{ color: #ED6E21;}


.bg-red{background-color:#E60011;}
.bd-red{border:#E60011 solid 1px;}
.bg{background-color:#E3E3F4; /*background-color:#FF9966;*/}
.bg-orange{background-color:#ED6E21;}
.bd-orange{border:#ED6E21 solid 1px;}

.textcenter { text-align: center;}

.textright{ text-align: right;}

.textnowrap { white-space: nowrap;}


/* 文字消し用設定 */
.erase {
	display:none;
}

/* 
 
***********************************
*
*　空行解除
*
***********************************

*/

h1,h2,MainContent,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd,noscript,div{margin: 0; padding: 0;}


/*
 
***********************************
*
*　リストスタイル解除
*
***********************************

*/

ul,ol,li,dl{list-style-type: none;}

/*
 
***********************************
*
*　リンクスタイル
*
***********************************

*/
/*サイドバー*/
.twoColFixLtHdr #Menu #G-Navi ul.inlink a{ color:#333; text-decoration:none;}
.twoColFixLtHdr #Menu #G-Navi ul.inlink a:hover{color:#3366CC; text-decoration:none;}
.twoColFixLtHdr #Menu #G-Navi ul.inlink li.BG-Rever{color:#3366CC; text-decoration:none;}
/*a {color:#3366FF;text-decoration: none;}
a:hover{color:#3366CC; text-decoration: underline;}
*/


/*
 
***********************************
*
*テーブル
*
***********************************

*/


.tbl {margin:10px 0px;border-collapse:collapse;border-spacing:0px;border:1px solid #cccccc;empty-cells:show;}
.tbl td {padding:5px;border:1px solid #cccccc;vertical-align: top; text-align:left;}
.tbl th {padding:5px;border:1px solid #cccccc;vertical-align: top; text-align:left; font-weight:normal; background-color:#F4F4F4;}


/*
 
***********************************
*
*フロート
*
***********************************

*/

.leftlayout {	float: left;}
.rightlayout {	float: right;}

/*

***********************************
*
*クリア
*
***********************************

*/

.ClearRight {clear:right; margin:0; padding:0;}
.ClearLeft {clear:left; margin:0; padding:0;}
.f-clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/*
 
***********************************
*
*破線
*
***********************************

*/
hr{background: #FFFFFF;margin: 25px 0;padding: 0;border-style: dotted none none none; border-top-width: 1px; border-top-color: #cccccc; height: 1px;}

/*
 
***********************************
*
*マージン設定
*
***********************************

*/
.M-10{margin:10px;}
.M-LR8{margin:0px 8px;}
.M-LR15{margin:0px 15px;}

/* blank */
.M-t10{margin-top:10px;}
.M-t15{margin-top:15px;}
.M-b10{margin-bottom:10px;}
.M-b20{margin-bottom:20px;}
.M-b30{margin-bottom:30px;}
.M-b60{margin-bottom:60px;}
.M-t8r5{margin:8px 5px 0 0;}

.M-l10t3{margin:3px 0 0 10px;}
.M-l100{margin-left:100px;}
.M-l350{margin-left:350px;}
.M-l50{margin-left:50px;}
.M-l20{margin-left:20px;}
.M-l5{margin-left:5px;}
.M-l30{margin-left:35px;}

.blank-bar {
	margin: 20px 0px 40px 0px;
	border-bottom: 1px dotted #CCCCCC;
	text-align:center;
	width:500px;
}

/*
 
***********************************
*
*共通設定
*
***********************************

*/
img{ border:0; margin:0px;}
input{margin:2px; padding:3px;}

/*
 
***********************************
*
*Header部設定
*
***********************************

*/

.twoColFixLtHdr #Header {
	margin:0; padding:0;
	width: 100%;
	height:110px;
	background:url(../images/common/bg-header.jpg) repeat-x;
} 
.twoColFixLtHdr #Header #Header-img{
	width: 780px;
	height:110px;
	background: url(../images/common/img_header.gif) no-repeat;
	margin: 0px auto;
	text-align: left;
	padding: 18px 0 0 0px;
	border:0px;
} 

.twoColFixLtHdr #Header #Header-img #description{
	text-indent:-9999px;
}
.twoColFixLtHdr #Header h1.logo a {
	margin: 0;
	padding:0px 0 0 0px;
	width: 350px;
	height: 50px;
	display: block;
	text-indent: -9999px;
}
/*
 
***********************************
*
*コンテンツ部設定
*
***********************************

*/
.twoColFixLtHdr #Container {
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	height:auto;
	background: url(../images/common/bg_container.gif) repeat-y;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	border:0px;
	border:1px #e9e9e9 solid;
} 

/*
 
***********************************
*サイドメニュー
***********************************

*/
/*　隠しタイトル：サイドメニューに表示　*/
h2.hide-title{
	font-size:1px;
	text-indent:-9999px;
	margin:0; padding:0;
	}
.twoColFixLtHdr #Menu {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 230px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	margin:0;
	padding: 5px 5px 15px 8px;
}

.twoColFixLtHdr #Menu #G-Navi ul.inlink{
	margin-bottom:20px;
}
.twoColFixLtHdr #Menu #G-Navi ul.inlink li a {
	background: url(../images/common/parts_bg_btn_01_off.jpg) 0 0 no-repeat;
	display: block;
	font-weight: bold;
	height: 51px;
	width: 208px;
	line-height:50px;
	text-indent: 22px;
	white-space:nowrap;
	padding:7px 0 0 0;
	font-size:90%;
}

.twoColFixLtHdr #Menu #G-Navi ul.inlink li a:hover {
	background: url(../images/common/parts_bg_btn_01_on.jpg) 0 0 no-repeat;
	color:#FF460B
}

.twoColFixLtHdr #Menu #G-Navi ul.inlink li.menu-l a {
	background: url(../images/common/parts_bg_btn_l_off.jpg) 0 0 no-repeat;
	display: block;
	font-weight: bold;
	height: 54px;
	width: 208px;
	line-height:50px;
}

.twoColFixLtHdr #Menu #G-Navi ul.inlink li.menu-l a:hover {
	background: url(../images/common/parts_bg_btn_l_on.jpg) 0 0 no-repeat;
	color:#FF460B
}


/*モバイルリンク*/

.twoColFixLtHdr #Menu #Mobile {
	border: 1px solid #999999;
	background: #FFFFFF;
	font-size: 80%;
	margin: 0 0 20px 0;
	padding:0;
	width:198px;
	margin-left:7px;
}
.twoColFixLtHdr #Menu #Mobile p {
	line-height: 120%;
	padding: 5px;
}

.twoColFixLtHdr  #Menu  #Mobile h3 {
	margin:0; padding:0;
	display:block;
	height:40px;
	background: url(../images/common/ttl_mobile.gif) no-repeat 0px 0px ;
	text-indent:-9999px;
}



.twoColFixLtHdr #Menu .qrcode {
	padding: 5px;
	text-align: center;
	float: right;
}
.twoColFixLtHdr #Menu .qrcode img {
	padding: 10px;
	background: #FFFFFF;
	border: thin solid #999999;
}
.twoColFixLtHdr #Menu .qrurl a {
	clear: both;
	text-align: center;
	display: block;
}



/*抽選会*/

.twoColFixLtHdr #Menu #Lot {
	display:block;
	border: 1px solid #009933;
	background: #CCFFCC;
	margin: 0 0 20px 0;
	padding:0;
	width:198px;
	height:128px;
	margin-left:7px;
}


.twoColFixLtHdr #Menu #Lot #Lot-Title{
	display:block;
	background: url(../images/common/lot-bg.gif) 0 0 no-repeat;
	margin:0; padding:0;
	height:99px;
	
}
.twoColFixLtHdr #Menu #Lot #Lot-Title h3,
.twoColFixLtHdr #Menu #Lot #Lot-Title p{
	display:none;
}


.twoColFixLtHdr #Menu #Lot #Lot-Get{
	margin:8px 0 0 0; padding:0;
	text-indent:-9999px;}
.twoColFixLtHdr #Menu #Lot #Lot-Get a{
	display:block;
	background: url(../images/common/lot-get.gif) 34px 0px no-repeat;
	margin:0; padding:0;
	height:18px;
	width:198px;
	overflow:hidden;	
}


.twoColFixLtHdr #Menu #Poster-Image	{
	margin:0px 0 20px 7px;
	padding:0;
	width:200px;
}




.twoColFixLtHdr #MainContents {
	margin: 0 0 30px 230px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-top: 15px;
	padding-right: 18px;
	padding-left: 25px;
} 
.twoColFixLtHdr  #MainContents  .date  {
	padding: 10px;
	text-align: right;
}
/*
.twoColFixLtHdr  #MainContent h2 {
	font-weight: bold;
	color: #FFFFFF;
	background: #009900;
	margin-bottom: 5px;
}*/

.twoColFixLtHdr #MainContents p {
	line-height: 130%; }



/*

***********************************
*
*フッター
*
***********************************

*/
.twoColFixLtHdr #Footer {
	width:100%;
	height:48px;
	clear:both;
	background: url(../images/common/bg_footer.jpg) repeat-x 0 0 ;
	padding: 5px;
} 

.twoColFixLtHdr #Footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.twoColFixLtHdr  #Footer  .sponsor  {
	font-weight: bold;
	text-align: center;
}
.twoColFixLtHdr  #Footer  .copyright  {
	text-align: center;
}




.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}