@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;}
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;}
strong.type01 { font-size:110%; color:#2C5897;}

.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%;}

.clear { clear:both; }

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

.print { display:none;}

div.line01 {}
div.line01 hr { visibility:hidden; display:none;}

div.line02 {}
div.line02 hr { visibility:hidden; display:none;}

a.link01 { padding:0 0 0 25px; line-height:2.0; background-image:url(img/icon/arrow04.png); background-position:left 50%; background-repeat:no-repeat;}

.Col01 { color:#2C5897;}
/*---------------------------------
		BaseCSS
---------------------------------*/

a { color:#333333;}

body { text-align:center; line-height:1.4; background-image:url(img/bg.jpg); background-position:center; background-repeat:repeat-y;}

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

/* header */
#header { margin:0; position:relative; background-position:left top; background-repeat:no-repeat;}

#header h1 { height:85px; background-image:url(img/h1_bg.png); background-position:left top; background-repeat:no-repeat;}
#header h1 a { display:block; width:; height:85px; text-indent:-9999px;}

#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; 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.png)}
#header #Gnavi li.button02 a { background-image:url(img/globalnavi/btn_02.png)}
#header #Gnavi li.button03 a { background-image:url(img/globalnavi/btn_03.png)}
#header #Gnavi li.button04 a { background-image:url(img/globalnavi/btn_04.png)}
#header #Gnavi li.button05 a { background-image:url(img/globalnavi/btn_05.png)}
#header #Gnavi li.button06 a { background-image:url(img/globalnavi/btn_06.png)}
#header #Gnavi li.button07 a { background-image:url(img/globalnavi/btn_07.png)}
#header #Gnavi li.button08 a { background-image:url(img/globalnavi/btn_08.png)}
#header #Gnavi li.button09 a { background-image:url(img/globalnavi/btn_09.png)}

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

#header #Gnavi li.button01 { width:224px;}
#header #Gnavi li.button02 { width:155px;}
#header #Gnavi li.button03 { width:155px;}
#header #Gnavi li.button04 { width:155px;}
#header #Gnavi li.button05 { width:161px;}

#header div#FloNavi { position:absolute; left:350px; top:5px; width:495px; font-size:70%;}
#header div#FloNavi p { text-align:right; color:#2C5897;}
#header div#FloNavi ul { margin:10px 0 0 0; text-align:right;}
#header div#FloNavi ul li { display:inline;}
#header div#FloNavi ul li a { padding:0 0 0 27px; background-image:url(img/icon/arrow01.png); background-position:12px 50%; background-repeat:no-repeat;}

/* container */
#container {}

#sourcePath { font-size:80%; margin:0 0 15px 0; padding:5px;}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline; color:#2C5897;}
#sourcePath ul li a { padding:0 15px 0 0; background-image:url(img/icon/sourcepath_01.png); background-position:right 50%; background-repeat:no-repeat; color:
#000000;}

div.FootBack { margin:10px; text-align:right; font-size:80%;} 
div.FootBack a { padding:0 0 0 12px; background-image:url(img/icon/footback.png); background-position:left 50%; background-repeat:no-repeat; color:#3668A2;} 

/* footer */
#footer { clear:both; font-size:80%; border-top:#333333 solid 5px; padding:10px;}

#footer ul { text-align:center;}
#footer ul li { display:inline; border-right:#333333 solid 1px;}
#footer ul li a { padding:0 5px;}
#footer ul li {}

#footer div.copyright { padding:10px; text-align:center;}

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

/* List Type */


/*導入事例用　リストタイプ*/
#container div.article div.text ul.type01 {}
#container div.article div.text ul.type01 li { margin:5px; border-bottom:#CCCCCC solid 3px;}
#container div.article div.text ul.type01 li div.thumb { float:left; display:inline; margin:10px; border:#CCCCCC solid 1px;}
#container div.article div.text ul.type01 li div.thumb img { margin:2px;}
#container div.article div.text ul.type01 li h4 { color:#2C5897; border:0 !important; margin:0 10px 10px 160px !important; padding:10px 0 0 0 !important; background-image:none !important; font-size:110%; background-color:#FFFFFF;}
#container div.article div.text ul.type01 li div.service { margin:10px 0 0 160px; background-image:url(img/icon/str_service01.png); background-position:left top; background-repeat:no-repeat;}
#container div.article div.text ul.type01 li div.service h5 { display:none;}
#container div.article div.text ul.type01 li div.service p { margin:0 0 0 100px; padding:0 0 0 15px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}
#container div.article div.text ul.type01 li p.name { margin:0 0 0 160px; padding:5px 0; border-bottom:#333333 dotted 1px;}
#container div.article div.text ul.type01 li div.detail { clear:both; text-align:right;}

#container div.article div.text ul.type02 {}
#container div.article div.text ul.type02 li { padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}
#container div.article div.text ul.type02 li a {}

/*役員紹介用　リストタイプ*/
#container div.article div.text ul.type03 {}
#container div.article div.text ul.type03 li { margin:5px; border:#BBBBBB solid 1px; zoom:1;}
#container div.article div.text ul.type03 li div.thumb { float:right; display:inline; margin:5px;}
#container div.article div.text ul.type03 li div.thumb img {}
#container div.article div.text ul.type03 li h4 { border-bottom:#BBBBBB solid 1px; margin:0; font-size:110%;}
#container div.article div.text ul.type03 li p.catch { color:#3668A2; margin:40px 0 0 30px !important;}
#container div.article div.text ul.type03 li p.history { clear:both; padding:5px; border-top:#CCCCCC dashed 1px;}



#container div.article div.text ul.type04 {}
#container div.article div.text ul.type04 li { margin:5px; border-bottom:#333333 dotted 1px;}
#container div.article div.text ul.type04 li div.thumb { float:left; display:inline; margin:10px;}
#container div.article div.text ul.type04 li div.thumb img {}
#container div.article div.text ul.type04 li h4 { color:#3668A2; border-left:#2C5897 solid 5px; margin:0 10px 10px 10px; padding:0 0 0 5px; background-image:none; font-size:110%; background-color:#FFFFFF;}
#container div.article div.text ul.type04 li p { margin:5px 10px;}
#container div.article div.text ul.type04 li p.date { margin:0 0 0 10px; color:#2C5897;}
#container div.article div.text ul.type04 li p.date img.icon { vertical-align:middle;}
#container div.article div.text ul.type04 li div.detail { margin:0 10px 3px 10px; text-align:right;}

#container div.article div.text ul.type05 { margin:5px; background-color:#F6F6F6;}
#container div.article div.text ul.type05 li {}
#container div.article div.text ul.type05 li a {}

#container div.article div.text ul.type06 { margin:0 20px;}
#container div.article div.text ul.type06 li { margin:2px 0; padding:5px 0 5px 20px; background-image:url(img/icon/arrow03.png); background-position:left 8px; background-repeat:no-repeat; border-bottom:#CCCCCC solid 1px;}
#container div.article div.text ul.type06 li a {}

#container div.article div.text ul.type07 { margin:0 20px;}
#container div.article div.text ul.type07 li { margin:2px 0; padding:2px 0 2px 15px; background-image:url(img/icon/square01.png); background-position:left 7px; background-repeat:no-repeat;}
#container div.article div.text ul.type07 li a {}

/* リンク集用 リストタイプ（片岡加筆） */
div.type01 div.text ul.link { margin:0;}
div.type01 div.text ul.link li { font-size:100%;}
div.type01 div.text ul.link li a { display:block; padding:5px 5px 5px 15px; background-image:url(img/icon/arrow02.png); background-position:left 8px; background-repeat:no-repeat;}
div.type01 div.text ul.link li a.over { color:#2C5897; text-decoration:none;}

/* サイトマップ用 リストタイプ（片岡加筆） */
ul.sitemap { line-height:1.6;}
ul.sitemap li { background-image:url(img/sitemap.png); background-repeat:no-repeat}
ul.sitemap li.rank0 { background-image:none; padding:0 0 0 18px; background-position:0 50%;}
ul.sitemap li.rank1 { padding:0 0 0 33px; background-position:15px 50%;}
ul.sitemap li.rank2 { padding:0 0 0 48px; background-position:30px 50%;}
ul.sitemap li.rank3 { padding:0 0 0 63px; background-position:45px 50%;}



/* Table Type */

table.type01 { margin:10px; border:#CCCCCC solid 1px;}
table.type01 tr th { width:25%; padding:5px; background-color:#E2F3F9; vertical-align:top;}
table.type01 tr td { padding:5px; background-color:#F5F5F5;}
table.type01 tr td p { margin:5px 0;}
table.type01 {}

table.type02 {}
table.type02 tr th {}
table.type02 tr td {}
table.type02 {}

/* ↓片岡加筆↓ */
table.type03 { margin-left: 30px;}
table.type03 tr th {width: 130px; color: #0055FF;}
table.type03 th td {width: 370px;}
/* ↑片岡加筆↑ */

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