@charset "utf-8";



/* ==========================================================================================================

	  レイアウト構成 / 共通スタイル

============================================================================================================*/


/*  ヘッダ
---------------------------------------------------------------------------------------------------------*/


/*  indexレイアウト
---------------------------------------------*/

div#indexHeaderWrapper{
background:url(../_img/header_index_bg02.gif) #FFFFFF repeat-x center top;
}

div#indexHeader{
width:800px;
background:url(../_img/header_index_bg01.gif) #FFFFFF no-repeat center top;
padding:0px 10px;
margin:0px auto;
}



/*  共通レイアウト
---------------------------------------------*/


div#headerWrapper{
background:url(../_img/header_bg02.gif) #FFFFFF repeat-x center top;
}

div#header{
width:800px;
background:url(../_img/header_bg01.gif) #FFFFFF no-repeat center top;
padding:0px 10px;
margin:0px auto;
}














div#topHeader{
height:78px;
background:url(../_img/header_bg03.gif) #ffffff repeat-x left top;
}


#siteSummary{
margin-left:15px;
padding-top:10px;
font-size:10px;
letter-spacing:0.03em;
}


p#logo{
margin-top:7px;
margin-left:15px;
float:left;
}


ul#sNav{
float:right;
margin-right:15px;
padding-top:23px;}

ul#sNav li{display:inline;}




/*  グローバルナビ(20080909）
---------------------------------------------------------------------------------------------------------------------------------*/
ul#gNav{
clear:both;
padding-bottom:80px;
}

ul#gNav li,
ul#gNav_index li {
display:inline;
float:left;
}


ul#gNav_index	{
clear:both;
}


h1#contentsTitle{
margin-left:15px;
padding-bottom:27px;}

/*  メインエリア
---------------------------------------------------------------------------------------------------------------------------------*/

div#wrapper{
width:820px;
background:url(../_img/bg.gif) #FFFFFF repeat-y center top;
margin:0px auto;
padding-bottom:25px;
}


/*  indexレイアウト
---------------------------------------------*/

div#indexPrimary{
float:left;
width:503px;
margin-left:25px;}

* html body div#indexPrimary{
margin-left:13px;}

div#indexPrimary h2{margin-bottom:15px;}


div#indexSecondary{
float:right;
width:264px;
margin-bottom:25px;
border-left:solid 1px #e0e0e0;
padding-left:12px;
}


div#indexSecondary p{margin-bottom:7px;}



/*  共通レイアウト
---------------------------------------------*/

div#primary{
float:right;
width:576px;
margin-right:25px;
margin-bottom:25px;}

* html body div#primary{margin-right:10px;}

div#primary h2{margin-bottom:15px;}
div#primary h3{margin-bottom:15px;}


div#secondary{
float:left;
width:170px;
margin-left:25px;
margin-bottom:25px;
}

* html body div#secondary{margin-left:13px;}

div#secondary dl{margin-bottom:15px;}

div#secondary p{margin-bottom:3px;}






/*  フッタ
---------------------------------------------------------------------------------------------------------------------------------*/

div#footerWrapper{
clear:both;
background:url(../_img/footer_bg02.gif) #b2b2b2 repeat-x center top;
}

div#footer{
clear:both;
width:770px;
background:url(../_img/footer_bg01.gif) #b2b2b2 no-repeat center top;
margin:0px auto;
font-size:10px;
padding:0px 25px;
}


div#footer ul{height:17px;}

div#footer li{display:inline;}

div#cr{color:#FFFFFF;}











/*  共通スタイル
--------------------------------------------------------------------------------------------------------------------------------*/


/*  パンクズナビ
------------------------------------------------------------------------*/

p#pNav{
margin-bottom:15px;
}


p#pNav a {color: #50aadc;}
p#pNav a:link {color: #50aadc;}
p#pNav a:visited {color: #50aadc;}
p#pNav a:hover {color: #585858;}


/*  ページ内リンク
------------------------------------------------------------------------*/


div#lNavOrange{}

div#lNavOrange p{
float:left;
margin-right:7px;
margin-bottom:30px;
width:88px;
height:100%;
border:solid 1px #e27933;
background:url(../_img/page_nav_bg.gif) no-repeat left top;
padding:5px 2px 6px 16px;
font-size:11px;
letter-spacing:0.03em;
line-height:1.2;
}


div#lNavOrange a {color: #585858;}
div#lNavOrange a:link {color:#585858;}
div#lNavOrange a:visited {color:#585858;}
div#lNavOrange a:hover {color: #e27933;}



div#lNavBlue{}

div#lNavBlue p{
float:left;
margin-right:7px;
margin-bottom:30px;
width:159px;
height:100%;
background:url(../story/_img/story_index_btn_back.gif) no-repeat left top;
padding:5px 2px 6px 16px;
font-size:11px;
letter-spacing:0.03em;
line-height:1.2;
}


div#lNavBlue a {color: #585858;}
div#lNavBlue a:link {color:#585858;}
div#lNavBlue a:visited {color:#585858;}
div#lNavBlue a:hover {color: #e27933;}






/*  ページトップへ
------------------------------------------------------------------------*/

.pageTop{
clear:both;
margin:25px 0px;
text-align:right;
}

.pageTopBottom{
clear:both;
text-align:right;
margin-right:25px;
}


/*  共通　ライン
------------------------------------------------------------------------*/





/*  共通　margin
------------------------------------------------------------------------*/

.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}


.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL30{margin-left:30px;}
.mL35{margin-left:35px;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}


.mR10{margin-right:10px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}
.mR40{margin-right:40px;}
.mR50{margin-right:50px;}



.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}


.pB5{padding-bottom:5px;}
.pB15{padding-bottom:15px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}


.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pR10{padding-right:10px;}
.pR20{padding-right:20px;}




/*  共通　font
------------------------------------------------------------------------*/

.f10{font-size:10px;}




/*  共通　link
------------------------------------------------------------------------*/

.linkBlue a {color: #50aadc;}
.linkBlue a:link {color: #50aadc;}
.linkBlue a:visited {color: #50aadc;}
.linkBlue a:hover {color: #585858;}






/*  フロート・クリア
------------------------------------------------------------------------*/

.fL{float:left;}
.fR{float:right;}
.clear{clear:both;}
.center{text-align:center}
.ht1{height:1px;}




.imgBorder	{
border:1px solid #ccc;
padding:1px;
}

.dotX		{background:url(../_img/dotX.gif) left repeat-x;}
span.red	{color:#E50012}