@charset "utf-8";

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* common */

html,body{height:100%;}

body{font-size:80%;font-family:"メイリオ","ヒラギノ角ゴ std W3","ＭＳ Ｐゴシック", Osaka;color:#555555;margin:0;padding:0;text-align:center;background:url("../images/bg01.gif");}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;}
p,ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.7em;margin:0 0 1.5em;}

img{border:none;max-width:100%;height:auto;}
img.alignleft{margin:0 15px 15px 0;float:left;}
img.alignright{margin:0 0 15px 15px;float:right;}

/* コンテンツ向け 見出しスタイル */
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

.h1{}
.h2{height:42px;background:url("../images/h_bg01.png") no-repeat 0 -40px;font-size:150%;color:#f08200;margin:0 0 0 18px;padding:20px 0 0 17px;}
.h3{height:21px;background:url("../images/h_bg02.png") repeat-x 0 0;font-size:120%;color:#ffffff;margin:0 0 1em;padding:8px 23px;
-webkit-border-radius:17px !important;-moz-border-radius:17px !important;border-radius:17px !important;}
.h4{font-size:130%;color:#f08200;}
.h5{}
.h6{}

/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;padding-right:10px;}
ul.normal li{margin-bottom:5px;}
ul.none{list-style:none;}

ol.normal{padding-left:15px;margin-left:15px;}
ol.normal li{margin-bottom:5px;}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}

a:link{text-decoration:underline;color:#555555;}
a:visited{text-decoration:underline;color:#555555;}
a:hover{text-decoration:none;color:#555555;}

a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}

table{background:#dddddd;}
th{background:#ffffff;padding:5px 10px;font-weight:normal;vertical-align:middle;}
td{background:#ffffff;padding:5px 10px;vertical-align:top;}

table ul{margin-bottom:0;}

hr{height:1px;clear:both;border:dotted #fdd000;border-width:2px 0 0;margin:0 0 1.8em;}

/* コンテンツ */
#wrap{width:100%;min-height:100%;position:relative;}
#content{width:984px;margin:0 auto;text-align:left;background:#ffffff;position:relative;}

/* ヘッダー */
#header{width:954px;height:77px;margin:0 auto;padding:20px 15px 0;text-align:left;background:#ffffff;position:relative;overflow:visible;}
#logo{float:left;padding:0 7px 0 0;margin:0;width:190px;}
#comp_name{float:left;border:solid #dddddd;border-width:0 0 0 2px;padding:12px 0 5px 10px;margin:0;}

#tel{position:absolute;top:28px;left:735px;}
#header_btn{position:absolute;top:25px;left:700px;z-index:1000;}

#mark01{position:absolute;top:18px;left:655px;z-index:999;}
#mark02{position:absolute;top:20px;left:0;z-index:1;width:100%;height:402px;background:url("../images/item01.png") no-repeat center 0;}
*:first-child+html #mark02{z-index:-1;} /* IE7 */
#mark03{position:absolute;top:312px;left:417px;z-index:20;}
#mark03 img{min-width:647px;}
#mark04{position:absolute;top:195px;left:-175px;z-index:20;}
#mark04 img{min-width:430px;}

/* グローバルナビ */
#gnavi{list-style:none;margin:0;padding:0;position:absolute;top:78px;left:15px;z-index:100;}
#gnavi li{float:left;margin:0;padding:0;}
#gnavi li a{display:block;height:41px;text-indent:-999em;overflow:hidden;}

#gnavi li#gnavi01 a{width:138px;background:url("../images/gnavi02.png") no-repeat 0 0;
-webkit-border-top-left-radius:5px !important;-webkit-border-bottom-left-radius:5px !important;
-moz-border-radius:5px 0 0 5px !important;border-radius:5px 0 0 5px !important;}
#gnavi li#gnavi01 a:hover{background:url("../images/gnavi02.png") no-repeat 0 -41px;}
#gnavi li#gnavi01 a.current{background:url("../images/gnavi02.png") no-repeat 0 -41px;}

/*
#gnavi li#gnavi01 a{width:134px;background:url("../images/gnavi.png") no-repeat 0 0;
-webkit-border-top-left-radius:5px !important;-webkit-border-bottom-left-radius:5px !important;
-moz-border-radius:5px 0 0 5px !important;border-radius:5px 0 0 5px !important;}
#gnavi li#gnavi01 a:hover{background:url("../images/gnavi.png") no-repeat 0 -41px;}
#gnavi li#gnavi01 a.current{background:url("../images/gnavi.png") no-repeat 0 -41px;}

#gnavi li#gnavi02 a{width:134px;background:url("../images/gnavi.png") no-repeat -134px 0;}
#gnavi li#gnavi02 a:hover{background:url("../images/gnavi.png") no-repeat -134px -41px;}
#gnavi li#gnavi02 a.current{background:url("../images/gnavi.png") no-repeat -134px -41px;}

#gnavi li#gnavi03 a{width:134px;background:url("../images/gnavi.png") no-repeat -268px 0;
-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;
-moz-border-radius:0 5px 5px 0 !important;border-radius:0 5px 5px 0 !important;}
#gnavi li#gnavi03 a:hover{background:url("../images/gnavi.png") no-repeat -268px -41px;}
#gnavi li#gnavi03 a.current{background:url("../images/gnavi.png") no-repeat -268px -41px;}
*/

/* スライドショー */
#slide{height:328px;text-align:center;margin:0 0 3px;position:relative;z-index:10;}

#coin-slider{width:952px;margin:0 auto;
-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);}

.coin-slider {
	width: 952px;
	padding: 0;
	zoom: 1;
	position:relative;
	left:16px;
	top:3px;
}
*:first-child+html .coin-slider{left:0;} /* IE7 */

.coin-slider a {
	text-decoration: none;
	outline: none;
	border: none;
}
.cs-prev {
	width:57px;
	height: 56px;
	margin: -10px 0 0 -35px;
	text-indent: -9999px;
	background: url("../images/home_arrow_image_left.png");
}
.cs-next {
	width:57px;
	height: 56px;
	margin: -10px -35px 0 0;
	text-indent: -9999px;
	background: url("../images/home_arrow_image_right.png");
}
#cs-buttons-coin-slider{display:none;}

#line01{position:absolute;top:0;left:0;}
#line02{position:absolute;top:317px;left:0;}

/* 2カラム */
#left{width:715px;float:left;position:relative;z-index:100;}
#right{width:230px;min-height:650px;float:right;margin:30px 25px 20px 0;position:relative;z-index:99;}

/* 左コンテンツ */
#left .cont_box{width:702px;margin:0 0 10px 5px;position:relative;top:-14px;}
#left .cont_box .cont_head{width:702px;height:50px;background:url("../images/box_bg01_top.png") no-repeat 0 0;margin:0;padding:0;}
#left .cont_box .cont_inner{background:url("../images/box_bg01.png") repeat-y 0 0;margin:0;padding:0 41px 20px;}
#left .cont_box .cont_btm{width:702px;height:50px;background:url("../images/box_bg01_btm.png") no-repeat 0 0;margin:0;padding:0;}

#left .news{margin:0 0 0 10px;width:600px;}
#left .news dl{border:dotted #fdd000;border-width:0 0 2px;padding:7px 0 5px;}
#left .news dt{float:left;width:100px;padding:0 10px 0 0;}
#left .news dd{float:left;width:490px;padding:0;}
#left .news dd a{color:#f08200;}

#left .indx_cont01{width:228px;min-height:250px;padding:30px 0 0;position:relative;z-index:20;}
#left .indx_cont01 .indx_text01{padding:10px 0 0;border:dotted #fdd000;border-width:2px 0 0;}
#left .indx_img01{position:absolute;top:-40px;left:205px;}
#left .indx_img01 img{min-width:463px;}

#left .indx_cont02{width:646px;background:#fffae6;padding:0 0 5px 25px;margin:0 0 30px;position:relative;left:-25px;top:-15px;z-index:10;}
#left .indx_img02{position:absolute;top:5px;left:352px;}
#left .indx_img02 img{min-width:305px;}
#left .indx_img03{position:relative;top:15px;margin:0 15px 0 0;}

/* 右メニュー */

#right .r_menu{background:#fdd100;list-style:none;padding:5px;position:relative;z-index:30;
filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
#right .r_menu li{padding:10px 15px;border:solid #ffffff;border-width:0 0 1px;}
#right .r_menu li.last{border:none;}
#right .r_menu a{color:#ffffff;text-decoration:none;}
#right .r_menu a:hover{text-decoration:underline;}

#right .bnr{position:relative;z-index:30;}

/* フッター */
#footer{margin:0;padding:0 0 25px;height:60px;background:url("../images/line03.png") no-repeat 0 0;;}
#footer #f_menu{float:left;padding:5px 15px;margin:0 0 10px;color:#ffffff;}
#footer a{color:#ffffff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#copy{float:right;color:#666666;padding:30px 10px 0 0;}


/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}

.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:90% !important;}
.tx_xsmall{font-size:75% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}

.inblock{display:inline-block !important;}

.relative{position:relative !important;}

.lh0{line-height:0em;}
.lh1{line-height:1em;}
.lh15{line-height:1.5em;}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}

.ind01{text-indent:1em !important;}

.red{color:#ff0000 !important;}
.blue{color:#40609F !important;}
.aqua{color:#00A3D9 !important;}
.green{color:#567802 !important;}
.pink{color:#ED7A8E !important;}
.brown{color:#9A4E01 !important;}
.orange{color:#FF7F00 !important;}
.gray{color:#79796A !important;}
.white{color:#ffffff !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w06em{width:6em !important;}

.w310{width:310px !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block;}
.hide{display:none;}

.img_l{float:left;margin:0 10px 0 0;}
.img_r{float:right;margin:0 0 0 10px;}

.alignleft{float:left;margin:0 10px 5px 0;}
.alignright{float:right;margin:0 0 5px 10px;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}

/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */
