@charset "utf-8";

/*base
---------------------------*/
* { margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; text-align: center; }
body { color: #490E1E; line-height: 150%; text-align: center; border-top: 5px solid #91D3E4; }

/*link
---------------------------*/
a 			{ color: #076A9B; text-decoration: none; }
a:link		{ color: #076A9B; text-decoration: none; }
a:visited	{ color: #076A9B; text-decoration: none; }
a:hover		{ color: #099CE3; text-decoration: underline; }
a:active	{ color: #099CE3; text-decoration: underline; }

/*title,p,img
---------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }
p { color: #490E1E; margin: 0px; padding: 0; font-size: 80%; line-height: 150%; }
img { margin: 0px; padding: 0px; border: none;}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear{ clear:both; margin:0; padding:0; }
.imgr { float: right; margin: 0 0 20px 20px; }
.imgl { float: left; margin: 0 20px 20px 0; }
.list01 { list-style-image:none; padding:0px 0px 5px 15px; margin:0px; background-image: url(../images/arrow01.gif); background-repeat: no-repeat; background-position: 0px 8px; }
.list_sitepolicy { list-style-image:none; padding:0px 0px 5px 10px; margin:15px 0px 6px 0px; border-bottom:1px dotted #333; background-image: url(../images/list-icon01.gif); background-repeat: no-repeat; background-position: 0px 8px; }
.point01 { list-style: decimal inside; background-color: #F5F5F5; padding: 15px; margin: 15px 0px; }
.mgn5 { margin-top: 5px; }
.mgn10 { margin-top: 10px; }
.mgn15 { margin-top: 15px; }
.mgn20 { margin-top: 20px; }
.mgn30 { margin-top: 30px; }
.mgn40 { margin-top: 40px; }
.mgn50 { margin-top: 50px; }
.red { color: #FF0000; }
.orange { color: #FF6600; }
.submit { text-align: center; margin-top: 20px; }
.map { margin-top: 60px; }

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }
ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }
dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }

/*table
---------------------------*/
table.tbl_form { width: 100%; margin: 0px; padding: 0px; border:none; font-size:100%; }
table.tbl_form th { font-weight: bold; text-align: left; padding: 5px 0px; vertical-align: top; }
table.tbl_form td { text-align: left; padding: 5px 0px; }
.td30 { width:30%; }
.td70 { width:70%; }

/*form*/
table.tbl_form input,table.tbl_form textarea { font-size:100%; padding:1px; }
.input_text_big { width:200px; border:1px solid #999999; text-align: left; }
.input_text_small { width:90px; border:1px solid #999999; text-align: left; }
.input_text_ssmall { width:40px; border:1px solid #999999; text-align: left; }
.input_textspace { width:330px; border:1px solid #999999; text-align: left; }
.select_pref { width:120px; margin-bottom:15px; }
.pulldown { width:120px; }
.eventname { width: auto; }
.check { margin-right:3px; }
#yuubin { margin-bottom:15px; }

/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select {}
iframe { border-style: none; }
em { font: normal normal; }

/*clearfix
---------------------------*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */


#wrapper { margin: 0px; padding: 0px; text-align: center; }

/*ヘッダー*/
#header { width: 900px; margin: 0px auto; padding: 0px; }
#header h1 { padding: 0px; text-align: left; margin: 15px 0px 0px; }

/*グローバルナビゲーション*/
#gnavi { margin: 15px 0px 0px; background-image: url(../images/bg_gnavi.gif); background-repeat: repeat-x; height: 36px; text-align: center; }
ul#gnavi-list { margin: 0px auto; width: 900px; }
ul#gnavi-list li { display: inline; float: left; }

/*パンくず*/
#pan { width: 900px; margin: 10px auto 0px; }
#pan p { text-align: left; }

/*コンテンツエリア*/
#contents { width: 900px; margin: 35px auto 0px; }
#contents p { text-align: left; }
#contents #leftarea { width: 700px; float: left; }
#contents #rightarea { width: 180px; float: right; }

/*左メニュー*/
#leftmenu { width: 180px; float: left; }
#leftmenu p { font-size: 80%; line-height: 140%; }
#leftmenu ul { margin: 0px; }
#leftmenu ul li { margin: 0px 0px 4px; }

/*メイン*/
#main { width: 500px; float: right; }
#main p { text-align: left; font-size: 80%; line-height: 140%; }
#main .topkiji { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; }
#main .topkiji h2 { font-size: 115%; text-align: left; background-image: url(../images/bg_companylink.gif); background-repeat: no-repeat; height: 35px; width: 500px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 15px; padding: 0px 0px 0px 25px; line-height: 190%; }
#main .topkiji h3 { font-size: 115%; text-align: left; border-bottom: 1px dotted #91D3E4; margin: 30px 0px 15px; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .topkiji .lctg { width: 200px; float: left; }
#main .topkiji .rctg { width: 280px; float: right; }

#main .news { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; }
#main .news h2 { font-size: 115%; text-align: left; background-image: url(../images/bg_companylink.gif); background-repeat: no-repeat; height: 35px; width: 500px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 15px; padding: 0px 0px 0px 25px; line-height: 190%; }
#main .news p { line-height: 160%; }
#main .news ul { line-height: 160%; font-size: 80%; }
#main .news ul li { line-height: 160%; border-bottom: 1px dotted #CCCCCC; text-align: left; padding: 4px 0px 3px; }

#main .companylink { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; }
#main .companylink h2 { font-size: 115%; text-align: left; background-image: url(../images/bg_companylink.gif); background-repeat: no-repeat; height: 35px; width: 500px; color: #FFFFFF; font-weight: bold; margin: 0px 0px 15px; padding: 0px 0px 0px 25px; line-height: 190%; }
#main .companylink p { line-height: 160%; }

#main .kiji { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; }
#main .kiji h2 { font-size: 115%; text-align: left; border-bottom: 1px solid #91D3E4; margin: 0px 0px 10px; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .kiji h3 { font-size: 90%; text-align: left; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .kiji p { text-align: left; font-size: 80%; line-height: 140%; }
#main .kiji p.formchart { text-align:right; }
#main .kiji p.archive { text-align:right; margin: 30px 0px 0px; }
#main .kiji p.categorykako { margin: 20px 0px 0px; padding: 3px 0px 0px; text-align: center; }
#main .kiji ul { font-size: 80%; line-height: 140%; }
#main .kiji ul li { text-align: left; list-style-image:none; padding:0px 0px 5px 10px; margin:15px 0px 6px 0px; border-bottom:1px dotted #333; background-image: url(../images/list-icon01.gif); background-repeat: no-repeat; background-position: 0px 8px; }
#main .kiji ul li img { vertical-align: baseline; }
#main .kiji .kijikako { margin: 20px 0px 0px; border-top: 1px dotted #999999; padding: 3px 0px 0px; text-align: center; }
#main .kiji table { width: 100%; }
#main .kiji table th { font-size: 80%; line-height: 140%; text-align: left; padding: 5px 0px; }
#main .kiji table td { font-size: 80%; line-height: 140%; text-align: left; padding: 5px 0px; }
#main .kiji .maparea { margin-top: 20px; font-size: 100%; }

#main .link { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; }
#main .link h2 { font-size: 115%; text-align: left; border-bottom: 1px solid #91D3E4; margin: 0px 0px 10px; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .link h3 { font-size: 90%; text-align: left; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .link p { text-align: left; font-size: 80%; line-height: 140%; }
#main .link ul { font-size: 80%; line-height: 140%; margin: 25px 0px 0px; }
#main .link ul li { text-align: left; list-style-image:none; padding:0px 0px 5px 10px; margin:15px 0px 6px 0px; border-bottom:1px dotted #333; background-image: url(../images/list-icon01.gif); background-repeat: no-repeat; background-position: 0px 8px; }
#main .link ul li a:link,
#main .link ul li a:visited { color:#000000; text-decoration:none; }
#main .link ul li a:hover,
#main .link ul li a:focus { color:#00AEE5; text-decoration: underline; }

#main .kiji2 { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; text-align: left; }
#main .kiji2 h2 { font-size: 115%; text-align: left; border-bottom: 1px solid #91D3E4; margin: 0px 0px 10px; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .kiji2 h3 { font-size: 90%; text-align: left; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .kiji2 p { text-align: left; font-size: 80%; line-height: 140%; }
#main .kiji2 .kijikako { margin: 20px 0px 0px; border-top: 1px dotted #999999; padding: 3px 0px 0px; text-align: center; }
#main .kiji2 ul { font-size: 80%; line-height: 140%; text-align: left; margin: 25px 0px 0px; }
#main .kiji2 ul li { list-style-type: none; margin: 0 0 5px; padding: 5px; text-align: left; }
#main .kiji2 ul li img { vertical-align: bottom; margin: 0px 3px; }

#main .business { width: 500px; float: left; margin: 0px 0px 40px; padding: 0px; }
#main .business h2 { font-size: 115%; text-align: left; border-bottom: 1px solid #91D3E4; margin: 0px 0px 10px; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .business h3 { font-size: 90%; text-align: left; line-height: 140%; color: #2D9BB7; font-weight: bold; }
#main .business p { text-align: left; font-size: 80%; line-height: 140%; }
#main .business ul { font-size: 80%; line-height: 140%; }
#main .business ul li { text-align: left; list-style-image:none; padding:0px 0px 0px 11px; margin:10px 0px 0px; background-image: url(../images/list-icon02.gif); background-repeat: no-repeat; background-position: 0px 5px; }
#main .business ul li img { vertical-align: baseline; }
#main .business ul li a:link,
#main .business ul li a:visited { color: #227488; text-decoration:underline; text-align: left; }
#main .business ul li a:hover,
#main .business ul li a:focus { color: #00AEE5; text-decoration: none; text-align: left; }
#main .business table { width: 100%; }
#main .business table th { font-size: 80%; line-height: 140%; text-align: left; padding: 10px; width: 85px; background-color: #F2F2F2; border-bottom: 1px solid #FFFFFF; }
#main .business table td { font-size: 80%; line-height: 140%; text-align: left; padding: 10px; border-bottom: 1px solid #FFFFFF; }


/*バナー*/
#contents #rightarea #banner { float: left; width: 180px; }
#contents #rightarea #banner ul { width: 180px; }
#contents #rightarea #banner ul li { margin-bottom: 5px; }

/*フッター*/
#footer { margin: 40px auto 0px; clear: both; padding-bottom: 40px; }
#footer p { text-align: left; font-size: 80%; line-height: 140%; }
#footer #footernavi { border-top: 1px solid #91D3E4; border-bottom: 1px solid #91D3E4; }
#footer #footernavi ul { margin: 3px auto; text-align: left; width: 900px; }
#footer #footernavi ul li { display: inline; font-size: 80%; }
#footer #footernavi ul li a:link,
#footer #footernavi ul li a:visited { text-decoration:none; margin-right:15px; color:#000000; background-image: url(../images/arrow01.gif); background-repeat: no-repeat; background-position: 0% 50%; padding-left: 15px; }

#footer #footernavi ul li a:hover,
#footer #footernavi ul li a:focus { color:#00AEE5; background-image:url(../images/arrow01.gif); text-decoration: underline; }

#footer #footercontents { margin: 15px auto 0px; width: 900px; }
#footer #footercontents h2 { font-size: 100%; text-align: left; }
#footer p { text-align: left; font-size: 80%; line-height: 140%; }