@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none;}

table { font-size:100%;}
th { text-align:left; font-weight:bold;}

input,select { vertical-align:middle;}

/* 定義 */

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}
strong.red { color:#F00;}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

.mt10 { margin-top:10px;}

.clear { clear:both; }
.clear hr { visibility:hidden; display:none;}

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

.red02 { color:#330000 !important;} 

div.line01 { height:2px; background-image:url(img/line01.png); background-position:left top; background-repeat:no-repeat;}
div.line01 hr { visibility:hidden; display:none}

div.line02 { border-top:#444 1px dotted; margi:10px 0;}
div.line02 hr { visibility:hidden; display:none;}

div.line_top { height:2px; width:289px; background-image:url(img/line_top.jpg); background-position:left top; background-repeat:no-repeat;}
div.line_top hr { visibility:hidden; display:none;}


/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

a { color:#91311E;}

.FontFam01 { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
.FontFam02 { font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;}

body { text-align:center; background-image:url(img/bg.jpg); background-position:center top; background-repeat:repeat-x;}

#base { width:900px; margin:0 auto; text-align:left;}

/* header */
#header { margin:0; position:relative; background-image:url(img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

#header div.description { font-size:75%; height:35px; line-height:2.5;}
#header h1 { background-image:url(img/h1_bg.jpg); background-position:left top; background-repeat:no-repeat;}
#header h1 a { display:block; width:410px; height:70px; overflow:hidden; text-indent:-9999px;}

#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; width:128px; height:50px;}
#header #Gnavi li a { display:block; width:100%; height:50px; text-indent:-9999px;}

#header #Gnavi li.button01 a { background-image:url(img/globalnavi/btn_01.jpg)}
#header #Gnavi li.button02 a { background-image:url(img/globalnavi/btn_02.jpg)}
#header #Gnavi li.button03 a { background-image:url(img/globalnavi/btn_03.jpg)}
#header #Gnavi li.button04 a { background-image:url(img/globalnavi/btn_04.jpg)}
#header #Gnavi li.button05 a { background-image:url(img/globalnavi/btn_05.jpg)}
#header #Gnavi li.button06 a { background-image:url(img/globalnavi/btn_06.jpg)}
#header #Gnavi li.button07 a { background-image:url(img/globalnavi/btn_07.jpg)}

#header #Gnavi li.button01 a:hover { background-image:url(img/globalnavi/btn_01_over.jpg)}
#header #Gnavi li.button02 a:hover { background-image:url(img/globalnavi/btn_02_over.jpg)}
#header #Gnavi li.button03 a:hover { background-image:url(img/globalnavi/btn_03_over.jpg)}
#header #Gnavi li.button04 a:hover { background-image:url(img/globalnavi/btn_04_over.jpg)}
#header #Gnavi li.button05 a:hover { background-image:url(img/globalnavi/btn_05_over.jpg)}
#header #Gnavi li.button06 a:hover { background-image:url(img/globalnavi/btn_06_over.jpg)}
#header #Gnavi li.button07 a:hover { background-image:url(img/globalnavi/btn_07_over.jpg)}

#header #Gnavi li.button01 a.current { background-image:url(img/globalnavi/btn_01_over.jpg)}
#header #Gnavi li.button02 a.current { background-image:url(img/globalnavi/btn_02_over.jpg)}
#header #Gnavi li.button03 a.current { background-image:url(img/globalnavi/btn_03_over.jpg)}
#header #Gnavi li.button04 a.current { background-image:url(img/globalnavi/btn_04_over.jpg)}
#header #Gnavi li.button05 a.current { background-image:url(img/globalnavi/btn_05_over.jpg)}
#header #Gnavi li.button06 a.current { background-image:url(img/globalnavi/btn_06_over.jpg)}
#header #Gnavi li.button07 a.current { background-image:url(img/globalnavi/btn_07_over.jpg)}

#header #Gnavi li.button01 { width:px;}
#header #Gnavi li.button02 { width:px;}
#header #Gnavi li.button03 { width:px;}
#header #Gnavi li.button04 { width:px;}
#header #Gnavi li.button05 { width:px;}
#header #Gnavi li.button06 { width:px;}
#header #Gnavi li.button07 { width:px;}

#header div#FloNavi { position:absolute; left:410px; top:10px; width:490px;}
#header div#FloNavi ul { float:left; margin-top:3px;}
#header div#FloNavi ul li { display:inline; font-size:80%;}
#header div#FloNavi ul li a { padding:0 0 0 10px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

#header div#FloNavi div.lang { float:right; display:inline; margin:0 0 0 5px; padding:2px; height:17px; background-color:#373737;}

#header div#FloNavi div#fontsize { float:right; display:inline; margin:0 20px 0 10px; padding:2px; background-color:#333333;}
#header div#FloNavi div.fontsize { float:right; display:inline; margin:0 10px; padding:2px; background-color:#333333;}
#header div#FloNavi div.ImgBox { position:absolute; left:50px; top:30px; width:440px;}
#header div#FloNavi div.ImgBox img { vertical-align:middle;}
#header div#FloNavi {}

#header div#FloNavi2 { position:absolute; left:249px; top:74px; width:440px;}
#header div#FloNavi2 ul {}
#header div#FloNavi2 ul li { display:inline; font-size:80%;}
#header div#FloNavi2 ul li a { padding:0 0 0 25px; background-image:url(img/icon/arrow01.png); background-position:0 50%; background-repeat:no-repeat; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#333333;}

/* container */
#container {}

div.FootBack { text-align:right;} 

/* footer */
#footer { clear:both; padding:5px 0; background-color:#FFFFFF; background-image:url(img/footer_bg.jpg); background-position:top; background-repeat:repeat-x; font-size:80%;}

#footer ul { padding:2px 0; text-align:center;}
#footer ul li { display:inline; border-right:#91311E solid 1px;}
#footer ul li a { padding:0 10px 0 5px; color:#91311E; text-decoration:none;}
#footer ul li {}

#footer address { margin:10px;}

#footer div.copyright {}

/*---------------------------------
		TypeCSS
---------------------------------*/

/* List Type [ul] */
ul.type01 {}
ul.type01 li { padding:5px 0 5px 25px; background-image:url(img/icon/square01.png); background-position:5px 10px; background-repeat:no-repeat; border-bottom:#999999 dotted 1px;}
ul.type01 li a {}

ul.type02 {}
ul.type02 li { padding:5px 0 5px 25px; background:url(img/icon/square01.png) 5px 10px no-repeat;}
ul.type02 li a {}

ul.type03 {}
ul.type03 li {}
ul.type03 li a {}

/* List Type [dl] */
dl.initialize { margin:1em 0; line-height:1.5; font-size:80%; }
dl.initialize dt { font-weight:bold; }
dl.initialize dd dl dt { padding-left:1.2em; font-weight:bold; background:url(../img/sitemap01.png) no-repeat left top; }
dl.initialize dd dl dd { padding-left:2.4em; background:url(../img/sitemap01.png) no-repeat 1.2em top; }
dl.initialize dd dl dd dl dt { margin-left:-1.2em; padding-left:1em; background:url(../img/sitemap01.png) no-repeat left top; }
dl.initialize dd dl dd dl dd { margin-left:0; padding-left:1.2em; background:url(../img/sitemap01.png) no-repeat left top; }

dl.type01 {}
dl.type01 dt {}
dl.type01 dd {}

dl.type02 {}
dl.type02 dt {}
dl.type02 dd {}


/* Table Type */

table.type01 { border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type01 tr th { padding:5px; border-left:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#EFE0BD; color:#330000; text-align:center;}
table.type01 tr td { padding:5px; border-left:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
table.type01 {}

table.type02 { border-right:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0; width:100%; }
table.type02 tr th { padding:5px; padding-left:1em; border-left:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; background-color:#EFE0BD; color:#330000; text-align:left; }
table.type02 tr th:before { content:'■ '; color: #E0B687; font-size:80%; }
table.type02 tr td { padding:5px; border-left:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px;}
table.type02 {}

table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}

/** レイアウト図 **/
table.layout { width:605px; margin:10px 0;}
table.layout tr td { width:30%; }
table.layout tr td.thumbs { text-align:center; }