@charset "utf-8";

/* CSS Document */

@media screen {

/*全体共通*/

*{
margin:0;
padding:0;
}

body{
background-color:#dddddd;
margin-bottom:30px;
text-align:center;
font-family:'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  sans-serif;
font-size:100%;
}

#wrapper{
background-color:#dddddd;
width:800px;
text-align:left;
margin:0 auto;
}

img{
border:0;
}

.clear{
clear:both;
}


/*全体共通ここまで*/



/*ヘッダ*/
#wrapper #header #titleArea{
background:url(../img/header_bg.gif) repeat-x top left;
height:69px;
border-bottom:1px solid #ffffff;
padding:10px 15px 0px 15px;
}

#wrapper #header #titleArea img#logo{
float:left;
}

#wrapper #header #titleArea #headerContents{
float:right;
text-align:right;
}

#wrapper #header #titleArea #headerContents #headerNavi{margin-top:20px;}
#wrapper #header #titleArea #headerContents #headerNavi img{margin-left:20px;}



/*グローバルナビゲーション*/
#wrapper #header #globalNavi ul{
width:800px;
clear:both;
overflow:overflow;
height:40px;
}

#wrapper #header #globalNavi ul li{
float:left;
width:160px;
height:40px;
list-style:none;
}

#wrapper #header #globalNavi ul li a{
display:block;
height:100%;
width:100%;
text-indent:-4000px;
overflow: hidden;
}

#wrapper #header #globalNavi ul li.navi_01 a{ background:url(../img/gl_navi_01.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_02 a{ background:url(../img/gl_navi_02.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_03 a{ background:url(../img/gl_navi_03.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_04 a{ background:url(../img/gl_navi_04.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_05 a{ background:url(../img/gl_navi_05.gif) no-repeat top left;}

#wrapper #header #globalNavi ul li a:hover{ background-position:0 -40px;}


/*グローバルナビゲーション英語版*/
#wrapper #header #globalNavi ul.en{
width:800px;
clear:both;
overflow:overflow;
height:10px;
/*height:40px;*/
}

#wrapper #header #globalNavi ul.en li{
float:left;
width:160px;
height:10px;
/*height:40px;*/
list-style:none;
}

#wrapper #header #globalNavi ul li.navi_e01 { background:url(../img/gl_navi_e01.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e02 { background:url(../img/gl_navi_e02.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e03 { background:url(../img/gl_navi_e03.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e04 { background:url(../img/gl_navi_e04.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e05 { background:url(../img/gl_navi_e05.gif) no-repeat top left;}

/*グローバルナビゲーション英語版 メニュー追加の際の準備分(20110212現在未使用)*/
/*#wrapper #header #globalNavi ul li.navi_e01 a{ background:url(../img/gl_navi_01.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e02 a{ background:url(../img/gl_navi_02.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e03 a{ background:url(../img/gl_navi_03.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e04 a{ background:url(../img/gl_navi_04.gif) no-repeat top left;}
#wrapper #header #globalNavi ul li.navi_e05 a{ background:url(../img/gl_navi_05.gif) no-repeat top left;}
*/

#wrapper #header #globalNavi ul li a:hover{ background-position:0 -40px;}

/*ヘッダここまで*/



/*フッタ*/
#footer{
clear:both;
}

#footer address{
padding-top:10px;
font-style:normal;
background-color: #dddddd;
font-size:70%;
color:#333;
clear:both;
background: url(../img/main_bg_bottom.gif) no-repeat top left;
}

/*フッタここまで*/


#mainArea h1{
padding:0;
margin:0;
}

#mainArea h1 img{
margin:0;
}


/*サブメニュー*/

#mainArea #menuArea{
border:4px solid #6f6f6f;
border-bottom:0;
width:177px;
float:left;
}

#mainArea #menuArea ul{
background-color: #ededed;
width: 177px;
height:100%;
}

#mainArea #menuArea ul li{
width:177px;
height:30px;
list-style-type:none;
border-bottom:1px dotted #a6a6a6;
}

#mainArea #menuArea ul li a{
display:block;
text-indent:-4000px;
height:100%;
width:100%;
overflow: hidden;
}

#mainArea #menuArea ul li.sub_01 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_02 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_03 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_04 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_05 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_06 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_07 a:hover{ background-position:0px -30px;}

/* 英語版用　*/
#mainArea #menuArea ul li.sub_e01 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_e02 a:hover{ background-position:0px -30px;}
/* 英語版用ここまで　*/




/*サブメニューここまで*/



#mainArea #mainContainer{
float:right;
background-color:#222;
width:615px;
padding:10px 0px 10px 0px;
}


/*h2*/

#mainArea #mainContainer h2{
border-top:2px solid #919191;
font-size:120%;
color:#e5e5e5;
font-weight:bold;
width:595px;
margin-left:10px;
background:url(../img/h2_line.gif);
padding:12px 0px;
text-indent: 10px;
margin-bottom:20px;
}


/*h3*/

#mainArea #mainContainer h3{
width:595px;
margin-left:10px;
font-size:100%;
color:#FFF;
font-weight:bold;
background:url(../img/h3_line.gif) repeat-x bottom left;
padding:0px 0px 12px 0px;
text-indent: 10px;
margin-bottom:15px;
margin-top:30px;
}

/*h4*/
#mainArea #mainContainer h4{
font-size:90%;
color:#fff;
font-weight:bold;
margin:25px 0px 10px 20px;
background:url(../img/h4_icon.gif) no-repeat center left;
padding-left:15px;
}




/* p */
#mainArea #mainContainer p{
font-size:80%;
color:#fff;
margin:0px 20px;
line-height:1.6em;
}


/*リンク*/
#mainArea #mainContainer a{
color:#fff;
text-decoration:underline;
}

#mainArea #mainContainer a:hover{
color:#f72121;
text-decoration:underline;
}

#mainArea #mainContainer a img{
border:1px solid #f72121;
}





/*float*/

#mainArea #mainContainer .floRight{
float:right;
padding:0px 20px 10px 10px;
}

#mainArea #mainContainer .floRight02{
float:right;
padding:0px 10px 10px 20px;
}

#mainArea #mainContainer .floLeft{
float:left;
padding:0px 10px 10px 20px;
}


/*リスト*/
#mainArea #mainContainer .listType01{
padding-left:20px;
list-style-type:square;
line-height:1.8em;
font-size:80%;
margin:20px;
color:#fff;
}

#mainArea #mainContainer .listType02{
margin:20px;
}

#mainArea #mainContainer .listType02 li{
margin-left:15px;
padding-left:5px;
list-style-image:url(../img/list_icon.gif);
line-height:1.8em;
margin-bottom:20px;
font-size:80%;
color:#fff;
}


/*table*/
#mainArea #mainContainer .tableType01{
margin:0px 20px 0px 20px;
width:575px;
border-collapse:collapse;
border:1px solid #f72121;
font-size:80%;
line-height:1.6em;
}

#mainArea #mainContainer .tableType01 th{
text-align:left;
color:#fff;
font-weight: bold;
border:1px solid #f72121;
padding:5px 10px;
}

#mainArea #mainContainer .tableType01 td{
color:#dddddd;
border:1px solid #f72121;
padding:5px 10px;
}



#mainArea #mainContainer .tableType02{
margin:0px 10px 0px 10px;
width:575px;
border-collapse:collapse;
border:0;
font-size:80%;
}

#mainArea #mainContainer .tableType02 th{
text-align:left;
color:#fff;
font-weight: normal;
border:0;
padding:5px 10px;
}

#mainArea #mainContainer .tableType02 td{
color:#dddddd;
border:0;
padding:5px 10px;
}


/*ボックス*/
#mainArea #mainContainer .Box01{
border:1px solid #fff;
}



/*return*/
#mainArea #mainContainer .return{
float:right;
margin-top:30px;
clear:both;
margin-right:10px;
}

#mainArea #mainContainer .return img{
border:0;
}






#mainArea{
clear:both;
background: url(../img/main_bg.gif) repeat-y top left;
width:100%;
height:100%;
}



#mainArea #mainContainer img{
border:4px solid #6f6f6f;
}


/*マージン*/
.marginTop10{
margin-top:10px;
}

.marginTop20{
margin-top:20px;
}

.marginTop30{
margin-top:30px;
}



#mainArea #mainContainer .smallText{
font-size:70%;
}



/*カテゴリーボックス*/

#mainArea #mainContainer .categoryBox01{
width:260px;
float:left;

border:1px solid #f72121;
font-size:80%;
margin-bottom:15px;
color:#fff;
margin-left:20px;
}

#mainArea #mainContainer .categoryBox02 dt,
#mainArea #mainContainer .categoryBox01 dt{
border-bottom:1px solid #f72121;
padding:10px;
}

#mainArea #mainContainer .categoryBox02 dt a,
#mainArea #mainContainer .categoryBox01 dt a{
padding-left:8px;
background:url(../img/list_icon.gif) no-repeat center left;
}

#mainArea #mainContainer .categoryBox02 dd,
#mainArea #mainContainer .categoryBox01 dd{
padding:10px;
line-height:1.6em;
}

#mainArea #mainContainer .categoryBox02{
width:260px;
float:right;

border:1px solid #f72121;
font-size:80%;
margin-bottom:15px;
color:#fff;
margin-right:20px;
}


}


@media print {

*{
margin:0;
padding:0;
}

body{
background-color:#dddddd;
margin-bottom:30px;
text-align:center;
font-family:'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  sans-serif;
font-size:100%;
}

#wrapper{
background-color:#dddddd;
width:800px;
text-align:left;
margin:0 auto;
/*
height:100%;
overflow: hidden;
*/
clear:both;
}

img{
border:0;
}

.clear{
clear:both;
}


/*全体共通ここまで*/



/*ヘッダ*/
#wrapper #header{
clear:both;
/*
overflow:hidden;
*/
width:100%;
}

#wrapper #header #titleArea{
background:url(../img/header_bg.gif) repeat-x top left;
height:69px;
border-bottom:1px solid #ffffff;
padding:10px 15px 0px 15px;
}

#wrapper #header #titleArea img#logo{
float:left;
}

#wrapper #header #titleArea #headerContents{
float:right;
text-align:right;
}

#wrapper #header #titleArea #headerContents #headerNavi{margin-top:20px;}
#wrapper #header #titleArea #headerContents #headerNavi img{margin-left:20px;}



/*グローバルナビゲーション*/
#wrapper #header #globalNavi{
width:800px;
clear:both;
/*
overflow:hidden;
*/
height:40px;
background:url(../img/print_navi.gif) no-repeat top left;
}

#wrapper #header #globalNavi ul li{
float:left;
width:140px;
height:40px;
list-style:none;
}

#wrapper #header #globalNavi ul li a{
display:block;
height:100%;
width:100%;
text-indent:-4000px;
overflow: hidden;
}



/*ヘッダここまで*/



/*フッタ*/
#footer address{
padding-top:10px;
font-style:normal;
background-color: #dddddd;
font-size:70%;
color:#333;
clear:both;
background: url(../img/main_bg_bottom.gif) no-repeat top left;
}

/*フッタここまで*/


#mainArea h1{
padding:0;
margin:0;
}

#mainArea h1 img{
margin:0;
}


/*サブメニュー*/

#mainArea #menuArea{
border:4px solid #6f6f6f;
border-bottom:0;
width:177px;
float:left;
height:100%;
}

#mainArea #menuArea ul{
background-color: #ededed;
width: 177px;
height:100%;
}

#mainArea #menuArea ul li{
width:177px;
height:30px;
list-style-type:none;
border-bottom:1px dotted #a6a6a6;
}

#mainArea #menuArea ul li a{
display:block;
text-indent:-4000px;
height:100%;
width:100%;
overflow: hidden;
}

#mainArea #menuArea ul li.sub_01 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_02 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_03 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_04 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_05 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_06 a:hover{ background-position:0px -30px;}
#mainArea #menuArea ul li.sub_07 a:hover{ background-position:0px -30px;}



/*サブメニューここまで*/
#mainArea #mainContainer{
float:right;
background-color:#222;
width:594px;
padding:10px;
}


/*h2*/

#mainArea #mainContainer h2{
border-top:2px solid #919191;
font-size:120%;
color:#e5e5e5;
font-weight:bold;
background:url(../img/h2_line.gif);
padding:12px 10px;
}


/*h3*/

#mainArea #mainContainer h3{
font-size:100%;
color:#FFF;
font-weight:bold;
background:url(../img/h3_line.gif) repeat-x bottom left;
padding:0px 0px 12px 10px; 
margin-bottom:15px;
margin-top:30px;
}

/*h4*/
#mainArea #mainContainer h4{
font-size:90%;
color:#fff;
font-weight:bold;
margin:25px 0px 10px 10px;
background:url(../img/h4_icon.gif) no-repeat center left;
padding-left:15px;
}




/* p */
#mainArea #mainContainer p{
font-size:80%;
color:#fff;
margin:0px 10px;
line-height:1.6em;
}


/*リンク*/
#mainArea #mainContainer a{
color:#fff;
text-decoration:underline;
}

#mainArea #mainContainer a:hover{
color:#f72121;
text-decoration:underline;
}

#mainArea #mainContainer a img{
border:1px solid #f72121;
}





/*float*/

#mainArea #mainContainer .floRight{
float:right;
padding:0px 10px 10px 10px;
}

#mainArea #mainContainer .floRight02{
float:right;
padding:0px 10px 10px 10px;
}

#mainArea #mainContainer .floLeft{
float:left;
padding:0px 10px 10px 10px;
}


/*リスト*/
#mainArea #mainContainer .listType01{
padding-left:20px;
list-style-type:square;
line-height:1.8em;
font-size:80%;
margin:10px;
color:#fff;
}

#mainArea #mainContainer .listType02{
margin:10px;
}

#mainArea #mainContainer .listType02 li{
padding-left:15px;
list-style-type:none;
line-height:1.8em;
background:url(../img/list_icon.gif) no-repeat center left;
font-size:80%;
color:#fff;
}


/*table*/
#mainArea #mainContainer .tableType01{
margin:0px 10px 0px 10px;
width:565px;
border-collapse:collapse;
border:1px solid #f72121;
font-size:80%;
line-height:1.6em;
}

#mainArea #mainContainer .tableType01 th{
text-align:left;
color:#fff;
font-weight: bold;
border:1px solid #f72121;
padding:5px 10px;
}

#mainArea #mainContainer .tableType01 td{
color:#dddddd;
border:1px solid #f72121;
padding:5px 10px;
}



#mainArea #mainContainer .tableType02{
margin:0px 10px 0px 10px;
width:575px;
border-collapse:collapse;
border:0;
font-size:80%;
}

#mainArea #mainContainer .tableType02 th{
text-align:left;
color:#fff;
font-weight: normal;
border:0;
padding:5px 10px;
}

#mainArea #mainContainer .tableType02 td{
color:#dddddd;
border:0;
padding:5px 10px;
}


/*ボックス*/
#mainArea #mainContainer .Box01{
border:1px solid #fff;
}



/*return*/
#mainArea #mainContainer .return{
float:right;
margin-top:30px;
clear:both;
}

#mainArea #mainContainer .return img{
border:0;
}

#mainArea{
background: url(../img/main_bg.gif) repeat-y top left;
width:800px;
clear:both;
}



#mainArea #mainContainer img{
border:4px solid #6f6f6f;
}


/*マージン*/
.marginTop10{
margin-top:10px;
}

.marginTop20{
margin-top:20px;
}

.marginTop30{
margin-top:30px;
}



#mainArea #mainContainer .smallText{
font-size:70%;
}



/*カテゴリーボックス*/
#mainArea #mainContainer .categoryBox01{
width:270px;
float:left;

border:1px solid #f72121;
font-size:80%;
margin-bottom:15px;
color:#fff;
margin-left:10px;
}

#mainArea #mainContainer .categoryBox02 dt,
#mainArea #mainContainer .categoryBox01 dt{
border-bottom:1px solid #f72121;
padding:10px;
}

#mainArea #mainContainer .categoryBox02 dt a,
#mainArea #mainContainer .categoryBox01 dt a{
padding-left:8px;
background:url(../img/list_icon.gif) no-repeat center left;
}

#mainArea #mainContainer .categoryBox02 dd,
#mainArea #mainContainer .categoryBox01 dd{
padding:10px;
line-height:1.6em;
}

#mainArea #mainContainer .categoryBox02{
width:270px;
float:right;

border:1px solid #f72121;
font-size:80%;
margin-bottom:15px;
color:#fff;
margin-right:10px;
}

}