@charset "utf-8";


/*----------------------------------------------------
共通設定
----------------------------------------------------*/
body{background:url(../img/bg.jpg) repeat-x 0 0; color:#333333; font-size:12px; font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; line-height: 180%; margin:0; padding:0; text-align: center;}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a, dl, dt, dd{margin:0; padding:0;}

img{border: none;}

ul{list-style:none;}

h2{font-size:18px; color:#F86D0F; padding: 10px 0; border-bottom:3px solid #B5DD84;}

h5{font-size:12px; color:#333333; padding: 5px 10px;}

.font10{font-size:10px;}

.red{color:#B10000;}

/* clearfix -Firefox/Safari/Opera/...- */
div#navi:after,
.listdl:after,
div.frame:after,
div.attachlist:after,
div.attachlist2:after,
div#content:after,
div#subcontent:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* clearfix -IE7/MacIE5- */
* html div#navi,
.listdl,
div.frame,
div.attachlist,
div.attachlist2,
div#content,
div#subcontent{display: inline-block;}
/* Hides from IE-mac \*/
* html div#navi,
.listdl,
div.frame,
div.attachlist,
div.attachlist2,
div#content,
div#subcontent{height: 1%;}

div#navi,
.listdl,
div.frame,
div.attachlist,
div.attachlist2,
div#content,
div#subcontent{display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------
メイン設定
----------------------------------------------------*/
#main{width:800px; margin:0 auto; padding:0 0 20px 0; background:url(../img/header_bg.jpg) no-repeat 176px 0 #ffffff; text-align: left;}

#navi{height:37px; width:800px; margin:0 auto; text-align:center;}

#navi ul{width:700px; margin:0 auto; padding-top:8px;}

#navi li{display:inline; color:#C1C1C1; font-weight:bold;}

#navi li a{color:#C1C1C1; padding:6px 15px; text-decoration:none; display:block; float:left; line-height:100%;}

#navi li a:link{color:#C1C1C1; text-decoration:none;}

#navi li a:visited{color:#C1C1C1; text-decoration:none;}

#navi li a:hover{color:#ffffff; text-decoration:none; border-bottom:5px solid #ffffff;}

#navi li a.hover{color:#ffffff; text-decoration:none; border-bottom:5px solid #B5DD84;}


/*----------------------------------------------------
ヘッダー設定
----------------------------------------------------*/
#header{width: 800px; height: 220px;}

#header img.logo{margin:46px 0 0 0;}

#header h1{font-size:18px; line-height:150%; padding:10px; letter-spacing:4px; margin:0px;}

#header h1 span{font-size:12px; color:#F86D0F; letter-spacing:0px;}


/*----------------------------------------------------
コンテンツ設定
----------------------------------------------------*/
#content{width:800px; margin:20px 0 20px 0;}

#content p{padding:10px 10px 20px 10px;}

#content a{text-decoration:none;}

#content a:hover{background-color:#F1FF8E; text-decoration:underline;}

.exmark li{padding:2px 2px 2px 23px; margin:10px 5px 5px 20px; background:url(../img/listimg.gif) no-repeat 2px 5px;}

.green{font-size:14px; color:#58A608; font-weight:bold;}

.boldfont{font-size:14px; font-weight:bold;}

.remark{border:1px solid #5B2191; margin:10px 100px 20px 20px; padding:10px;}

#servicedl{width:640px; margin:5px 0 10px 15px; padding:15px; background:url(../img/dlarrow.gif) no-repeat right; border:1px solid #dddddd;}

#servicedl2{width:540px; margin:5px 0 10px 15px; padding:15px; border:1px solid #dddddd;}

#servicedl dt{padding:0 0 5px 0; font-weight:bold;}

#servicedl2 dt{padding:0 0 5px 0; font-weight:bold;}

#servicedl dd{width:500px; padding:0 0 15px 40px;}

#servicedl2 dd{width:500px; padding:0 0 15px 40px;}

.arrowbg{background:url(../img/ddarrow.gif) no-repeat center bottom;}

#comparison table{width:790px; border-left:1px solid #ffffff; border-top:1px solid #ffffff; font-size:12px;}

#comparison th{text-align:center; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; background-color:#F0F8E7;}

#comparison td{width:160px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; vertical-align:top; background-color:#FCFFDF;}

.twobox{float:left; width:345px; margin:15px; border:1px solid #FFF7DE;}

.twoboxframe{float:left; width:375px;}

.twobox h4{background-color:#FFF7DE; padding:5px; margin:2px;}

.attachlist2{width:730px; background-color:#FFFbED; margin:10px auto 30px 10px; padding:10px;}

.altitle{ffont-size:14px; font-weight:bold; coloer:000000; background:url(../img/bullet2.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block; margin:5px 0;}

.aldd{margin:0; padding:0 20px;}

.alsubtitle{font-size:12px; font-weight:bold; background:url(../img/bullet2.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block; margin:0 15px;}

.alsubdd{margin:5px 15px 5px 30px;}

.alisttitle{font-size:14px; font-weight:bold; padding:15px 0 5px 0; display:block; text-decoration:underline;}

.listnum1{font-size:12px; font-weight:bold; margin:10px 0 5px 0; padding:2px 0 2px 0; background:url(../img/bullet01.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block;}
.listnum2{font-size:12px; font-weight:bold; margin:10px 0 5px 0; padding:2px 0 2px 0; background:url(../img/bullet02.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block;}
.listnum3{font-size:12px; font-weight:bold; margin:10px 0 5px 0; padding:2px 0 2px 0; background:url(../img/bullet03.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block;}
.listnum4{font-size:12px; font-weight:bold; margin:10px 0 5px 0; padding:2px 0 2px 0; background:url(../img/bullet04.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block;}
.listnum5{font-size:12px; font-weight:bold; margin:10px 0 5px 0; padding:2px 0 2px 0; background:url(../img/bullet05.gif) no-repeat 0 0; text-indent:20px; line-height:100%; display:block;}

.threelist{width:218px; float:left; padding:5px 0 10px 25px;}

.threelist li{margin:0 15px 20px 0; padding:5px;}

.delivery{font-size:12px; margin:10px auto 20px 20px; border-left:1px solid #dddddd; border-top:1px solid #dddddd;}

.delivery th{font-size:12px; font-weight:normal; text-align:left; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.delivery td{font-size:12px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; vertical-align:top;}

.table2{font-size:12px; margin:10px 10px 20px 15px; border-left:1px solid #dddddd; border-top:1px solid #dddddd;}

.table2 th{font-size:12px; font-weight:bold; text-align:left; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;}

.table2 td{font-size:12px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; vertical-align:top;}

.orangebg{width:180px; padding:7px 10px 10px; float:left; background:url(../img/yellowbg.gif) repeat-x 0 0; color:#ee7800;}

.orangebg h3{color:#fcc800; font-size:16px; padding:0 0 10px 0;}

.orangebg p{padding:3px 0 10px 0;}

.pinkbg{width:180px; padding:7px 10px 10px; float:left; background:url(../img/pinkbg.gif) repeat-x 0 0; color:#4B2B3E;}

.pinkbg h3{color:#850049; font-size:16px; padding:0 0 10px 0;}

.pinkbg p{color:#4B2B3E; padding:3px 0 10px 0;}

.bluebg{width:180px; padding:7px 10px 10px; float:left; background:url(../img/bluebg.gif) repeat-x 0 0; color:#4B2B3E;}

.bluebg h3{color:#364A5B; font-size:16px; padding:0 0 10px 0;}

.bluebg p{color:#364A5B; padding:3px 0 10px 0;}

.greenbg{width:180px; padding:7px 10px 10px; float:left; background:url(../img/greenbg.gif) repeat-x 0 0; color:#4B2B3E;}

.greenbg h3{color:#516D0A; font-size:16px; padding:0 0 10px 0;}

.greenbg p{color:#3D5C32; padding:3px 0 27px 0;}

.frame{width:800px;}

.box2{float:left; width:330px; padding:15px; margin:10px 0 30px 0;}

.box2 h4{font-size:16px; color:#333333; background-color:#FFF7DE; padding:5px; line-height:100%;}

.oseth3{font-size:16px; color:#555555; background:url(../img/bullet1.gif) no-repeat 0 14px; line-height:100%; padding:15px 0 0 5px; text-indent:19px;}

.subheadh3{font-size:16px; color:#555555; background:url(../img/bulleth3.gif) no-repeat 0 12px; line-height:100%; padding:15px 0 0 5px; text-indent:19px;}

.threebox{width:235px; float:left; margin:0 10px 30px 0; padding:10px;}

.threebox h4{font-size:14px; color:#58A608; padding:10px 0 5px 0; line-height:100%;}

.threebox p{background-color:#F1FF8E; margin: 0 0 10px 0;}

.backtop{margin:15px 0; padding:5px; text-align:right;}

.linktable{margin:20px;}

.linktable td{border-bottom:solid 3px #eeeeee;}

.ad{margin:25px;}

.ad li{list-style:disc;}



/*----------------------------------------------------
フッター設定
----------------------------------------------------*/
#footerframe{background-color:#292929; color:#FFFFFF; text-align:center;}

.footer{width:800px; margin:0 auto; text-align:center; padding: 20px 0;}

.footer ul{width:645px; margin:0 auto 10px auto;}

.footer li{font-weight:bold; color:#FAFAFA; background-color:#292929; display:inline;}

.footer li a{font-weight:bold; text-decoration:none; color:#FAFAFA; background-color:#292929; padding:2px 8px;}

.footer li a:hover{font-weight:bold; text-decoration:none; color:#FAFAFA; background-color:#484848;}

.footer p{margin:0 auto;}

.footlink{padding:5px; font-size:xx-small;}