@charset "euc-jp";

/* Reset
----------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
/* table {border-collapse:separate;border-spacing:0;} */
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body{font-size:82%;color:#444;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:none;}

img.left {float:left;margin:0 1.5em 1.5em 0;}
img.right {float:right;margin:0 0 1.5em 1.5em;}
strong {font-weight:bold;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
address, em{font-style:normal;}

/* Common
----------------------------------------------- */
img{vertical-align:bottom;}/*reset*/

body{background-color:#EEE;}

.block{clear:both; margin-bottom:25px;}
.block:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/* FireFox */
.pd1{padding:0 10px;}

.block_left{float:left;margin:0 1.5em 1.5em 0;}
.block_right{float:right;margin:0 0 1.5em 1.5em;}

a {text-decoration:none;}
a:link {color:#496D6D; }
a:visited {color:#496D6D; }
a:hover {color:#496D6D; text-decoration: underline; }

a.clr1,
a.clr1:link{color:blue; text-decoration:underline;}
a.clr1:visited,
a.clr1:hover{color:blue;}

table{
	border-collapse:collapse;
	text-align:left;
	margin-bottom:1em;
}
th, td{padding:0.5em 1em; font-weight:normal;}

.tbl_style1 th, .tbl_style1 td{border:1px solid #CCC;}
.tbl_style1 th {width:25%; background-color:#F0F0F0;}

.tbl_style2 caption{font-size:1.1em; font-weight:bold;padding-bottom:0.5em;}
.tbl_style2 tr.top{background-color:#DDD;}
.tbl_style2 th, .tbl_style2 td{text-align:center; border:1px solid #CCC;}
.tbl_style2 th{background-color:#F0F0F0;}

table.allc th,table.allc td{text-align:center;}

.fix:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/* firefox背景色表示用 */

ul.disc{list-style-type:disc; list-style-position:inside;}
ol{margin-left:40px;}
ol li{padding-bottom:0.5em;}

ul.inline li{display:inline;}

/* html tags */
h1.cover{width:100%; height:110px; position: relative;}
h1.cover span{display:block; width:100%; height:110px; position:absolute; top:0; left:0;}
#content h2{font-size:1.2em; height:35px; padding:10px 25px 0; margin-bottom:15px; background:url(../images/bg_detail_h3.jpg) no-repeat;}
#content h2.inimg{height:auto; padding:0; background:url(../images/bg_h_type1.jpg) bottom repeat-x;}
/* #content h3{font-size:1.2em; height:35px; padding-left:25px; padding-top:10px; margin-bottom:15px; background:url(../images/bg_detail_h3.jpg) no-repeat;} */
#content p{margin-bottom:1.5em;}

/* Corner01 */
.corner01{width:650px; margin:0 auto;}
.corner01 dt{
	width:620px;
	padding:10px 15px 5px;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	background:url(../images/bg_corner01_top.gif) top no-repeat;
}
.corner01 dd{
	width:620px;
	padding:15px;
	margin-bottom:20px;
	background:url(../images/bg_corner01_bottom.gif) bottom no-repeat;
}
.corner01 dd:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/* FireFox */
.corner01 img{padding:1px; border:1px solid #CCC;}


a.imglink img{padding:1px; border:1px solid #CCC;}
a.imglink:hover img{border:1px solid #000;}

div.gototab{text-align:right; padding:0.5em;}
.gototab a{font-size:0.8em; padding:0.2em; border:1px solid #CCC; background-color:#F6F6F6;}

.small6{font-size:0.9em; color:#666;}

.clickhere{padding-bottom:35px; background:url(../images/clickhere.jpg) bottom center no-repeat;}


/* Footer bottomfix
----------------------------------------------- */
html{height:100%; margin:0;}
body{height:100%; margin:0; padding:0;}
* html div#container{ height:100%;}
div#container{position:relative; min-height: 100%;}
body > #container {height: auto;}
div#contents{padding-bottom:65px;}
div#contents_top{padding-bottom:65px;}
/* #footer{position:absolute; bottom:0px; height:65px;} */
.footer_fix{position:absolute; bottom:0px; height:65px;}
.footer_nofix{position:static;}

/* Frame
----------------------------------------------- */
#container{width:900px; padding:0 50px; background: #EEE url(../images/bg_body.jpg) center repeat-y;}
#header{width:900px; padding:10px 0 0;}
#contents{width:885px; padding-left:5px; padding-top:10px; background:url(../images/bg_contents.jpg) right repeat-y;}
#footer{width:880px; padding:0 10px; height:50px; background:url(../images/bg_footer.jpg) bottom repeat-x;}
#content{float:left; width:660px;}
#sidebar{float:right; width:210px; margin:0 0 7px;}

#container,
#header,
#contents,
#footer{
	clear:both;
	margin:0 auto;
}

#container:after,
#header:after,
#contents:after,
#contents_top:after,
#fotter:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}/* FireFox */



/* Topic path */
#topic_path{clear:both; padding:0.2em 10px; border-bottom:1px solid #CCC; background-color:#EEE;}

/* Contents
----------------------------------------------- */
#contents .goto_top{clear:both; padding-top:1em;}

/* Footer
----------------------------------------------- */
#footer{color:#FFF; font-size:0.9em;}
#footer p{padding-top:15px; text-align:right;}


/* Sidebar
----------------------------------------------- */
#sidebar{font-size:0.9em;}
#sidebar h2.btn{text-align:center; margin-bottom:5px;}

#side_productlist{
	width:204px;
	margin:0 auto 10px;
	padding-top:35px;
	background: url(../images/st_products.jpg) no-repeat;
}
#side_productlist .inner{
	width:100%;
	background: url(../images/bg_productlist_bottom.jpg) bottom no-repeat;
	padding-bottom:10px;
}

#side_productlist ul{
	width:202px;
	line-height:1.2;
	padding-bottom:10px;
}
#side_productlist ul,
#side_productlist h2{
	border-left:1px solid #8FABB9;
	border-right:1px solid #8FABB9;
}

#side_productlist li{
	margin:0 10px;
	padding:0.5em 0 0.5em 20px;
	border-bottom:1px solid #DDD;
	background: url(../images/sb_listmark.gif) no-repeat 5px 0.9em;
}

#side_companylist{
	width:204px;
	margin:0 auto 10px;
	padding-top:35px;
	background:url(../images/st_company.jpg) no-repeat top;
}
#side_companylist dl{
	padding:10px 15px 20px;
	background:#EEE url(../images/bg_companylist.gif) no-repeat bottom;
}
#side_companylist dt{font-weight:bold; padding:0.3em 0;}


/* Development
----------------------------------------------- */
/* #development .h1cover{background:url(../images/h_development.jpg) top no-repeat;} */
#development .intro{height:115px; padding:85px 250px 0 15px; margin-bottom:20px; background:url(../images/bg_development.jpg) no-repeat;}
#development .corner01 span{font-size:0.9em; font-weight:normal; color:#666; padding-left:2em;}
#development .corner01 img{margin-bottom:0.5em;}
#development .reference{padding:0.5em 1em; margin-bottom:1.5em; font-size:0.9em;}
#development .reference ul{padding:0.5em 0;}


/* Shopping Guide
----------------------------------------------- */
#shopguide h1.cover span{background:url(../images/h_shopguide.jpg) top no-repeat;}
#shopguide dl{padding:0 1em 2.5em;}
#shopguide dt{font-size:1.1em; font-weight:bold; padding-bottom:0.2em; margin-bottom:0.5em; border-bottom:1px solid #CCC;}
#shopguide dd{padding-bottom:1.5em;}

/* Detail
----------------------------------------------- */
#detail h1{z-index:0; position:relative; margin-bottom:1px;}
#detail{width:650px; margin:0 auto;}
#detail h2, #detail h3, #detail h4{clear:both;}
#detail h3{font-size:1.1em; padding:0.2em 0.7em; margin-bottom:1em; background-color:#F6F6F6; border:1px solid #DDD;}

#detail div.left {float:left;margin:0 1.5em 1.5em 0;}
#detail div.right {float:right;margin:0 0 1.5em 1.5em;}

#detail ul.submenu{clear:both; width:650px; background-color:#E0E5EB; margin-bottom:15px;}
#detail ul.submenu:after{content:"";height: 0;display: block;visibility: hidden;clear: both;}
#detail .submenu li{float:right; padding:0 1px;}
#detail .submenu li img{vertical-align:bottom;}
#detail .submenu li.price{float:left; font-weight:bold; padding-left:20px; line-height:32px;}

/* Tabmenu jQuery */
#detail .tabContainer{}
#detail .tabContainer div{}

#detail .tabContainer ul.Scroll{width:640px; padding:0 0 15px 10px; background:url(../images/products/bg_productmenu.jpg) top no-repeat;}
#detail .tabContainer ul.Scroll li{float:left; padding:0 3px;}
#detail .tabContainer ul.Scroll li a{display:block; height:30px; text-indent:-9999px; outline:0;}
#detail #tab1 a{width:126px; background:url(../images/nav/tab2_intro.jpg) no-repeat;}
#detail #tab2 a{width:114px; background:url(../images/nav/tab2_spec.jpg) no-repeat;}
#detail #tab3 a{width:58px; background:url(../images/nav/tab2_use.jpg) no-repeat;}
#detail #tab4 a{width:87px; background:url(../images/nav/tab2_software.jpg) no-repeat;}
#detail #tab5 a{width:48px; background:url(../images/nav/tab2_faq.jpg) no-repeat;}
#detail #tab6 a{width:87px; background:url(../images/nav/tab2_download.jpg) no-repeat;}
#detail #tab1.active a,
#detail #tab2.active a,
#detail #tab3.active a,
#detail #tab4.active a,
#detail #tab5.active a,
#detail #tab6.active a{background-position:100% -30px;}

#detail .tabContainer:after,
#detail .tabContainer ul:after{content:"";height: 0;display: block;visibility: hidden;clear: both;}

#detail .order2 {text-align:right;}
#detail .order2 p{text-align:left; margin-bottom:0.5em;}
#detail .order2 img{margin-bottom:1em;}

#detail .plan{color:#900; padding:0.5em; margin: 0.5em; border:1px solid #900;}

/* セット内容・仕様　*/
.set{padding:15px; margin-bottom:15px; background-color:#F6F6F6;}
.set h5{margin-bottom:0.5em; padding:0.3em 0; border-bottom:2px solid #E0E5EB;}
.set ul{/* width:610px;  */font-size:0.9em; color:#666; list-style-type:disc; list-style-position:inside;}
/* .set ul li{float:left; width:280px; padding-right:15px;} */
.set p{font-size:0.9em; color:#666;}


#detail .boxleft{float:left; width:295px; padding-right:20px; border-right:1px solid #DDD;}
#detail .boxright{float:right; width:295px; padding-left:20px;}
#detail .box2area dt{font-size:1.1em; font-weight:bold; padding-bottom:5px; margin-bottom:0.5em; background:url(../images/bg_box_dt.gif) bottom repeat-x;}
#detail .box2area dd{padding-bottom:1em; margin-bottom:1.5em; border-bottom:1px solid #EEE;}
#detail .box2area dd{min-height:100px;height:auto !important; height:100px;}/* IE6用min-height */
#detail .box2area dd p{margin-bottom:0;}
#detail .box2area dd img{float:left; margin:5px 15px 15px 0;}
/* #detail .box2area dd img{float:right; margin:5px 0 10px 10px;} */

#detail dl.option{clear:both;}
#detail .option dt{font-size:1.1em; font-weight:bold; padding:0.2em 1.5em; border-bottom:1px solid #EEE; background:url(../images/bg_option_dt.gif) left center no-repeat;}
#detail .option dd{padding:0.5em 0 1em;}

#detail ul.option {clear:both; padding-left:10px; margin-bottom:25px;}
#detail ul.option li{clear:both;}
#detail ul.option li h5{margin-bottom:0.5em;}

#option{
	clear:both;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../images/bg_corner01_bottom.gif) bottom no-repeat;
}
#option dt{
	padding:10px 15px 5px;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #DDD;
	background:url(../images/bg_corner02_top.gif) top no-repeat;
}
#option dd{padding:15px; border-left:1px solid #CCC; border-right:1px solid #CCC;}
#option dd:after{content: ""; display: block; clear: both; height: 1px; overflow: hidden;}/*FF*/
#option .block{padding:0 0 1em; margin-bottom:15px; border-bottom:1px dotted #CCC;}
#option h4{border:none; background-color:#F5F7F8;}
#option h5{font-size:1.1em; margin-bottom:0.5em;}
#option table{width:620px;}

/* FAQ　*/
#detail .faq{padding:0 1.5em 1.5em; margin-bottom:25px; border:1px solid #CCC;}
#detail .faq dt{color:#50A39F; padding:20px 0 0 30px; background:url(../images/q.gif) no-repeat;}
#detail .faq dd{padding:20px 0 1.5em 30px; border-bottom:1px dotted #CCC; background:url(../images/a.gif) no-repeat;}

#detail #faqindex{padding-left:10px; margin-bottom:15px;}
#detail #faqindex dt{font-size:1.1em; font-weight:bold; padding-bottom:0.5em;}
#detail #faqindex dd{padding-bottom:0.5em;}
/* #faqindex ul{list-style-type:square; list-style-position:outside; margin-left:1.5em;} */
#faqindex ul{border:1px solid #666;}
#faqindex li a{display:block; width:610px; height:auto; padding:0.3em 14px; border-bottom:1px solid #666;}
#faqindex li a:hover{background-color:#EEE;}

/* download　*/
ul#downloadindex{margin:0 0 15px 10px; border:1px solid #666;}
#downloadindex li a{display:block; width:610px; height:auto; padding:0.3em 14px; border-bottom:1px solid #666;}
#downloadindex li a:hover{background-color:#EEE;}

#detail dl.download,
#detail ul.download{line-height:28px; border-bottom:1px dotted #DDD;}

#detail dl.download dt{float:left; width:190px;}
#detail dl.download dd{font-size:0.9em; padding:0 0  0.5em 195px; margin-bottom:0.5em;}
#detail dl.download dd.etc{padding:0.5em; width:auto; line-height:1.5; background-color:#F6F6F6;}
#detail dl.download dd img{float:right;}

#detail ul.download li{padding-bottom:0.5em; margin-bottom:0.5em;}
#detail ul.download p{width:500px;}
#detail ul.download li img{float:right;}

#detail dl.download dd:after,
#detail ul.download li:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/* FireFox */

/* Order
----------------------------------------------- */
#order h1.cover span{background:url(../images/h_order.jpg) top no-repeat;}

/* Fmail
----------------------------------------------- */
.order{padding:1em; border:1px solid #CCC; background-color:#F6F6F6;}
.order dt{float:left; width:3em; font-size:1.1em; font-weight:bold;}
.order dd{padding-left:4em;}
#content .order p{margin:0;}
#geotrust{float:right; margin:0 0 1.5em 1.5em;}
#questionnaire{padding:1em; margin-bottom:1em; background-color:#F6F6F6;}
#questionnaire h5{padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px solid #DDD;}
#questionnaire dt{margin-bottom:0.5em; padding-left:1em; border-left:4px solid #666;}
#questionnaire dd{padding-bottom:1.5em; padding-left:1em;}



/* Select
----------------------------------------------- */
table.select{width:650px; border-collapse:separate; margin:1em 0; background-color:#DDD;}
.select th{width:50%; padding:0.5em 1em; background-color:#EEE; border:1px solid #FFF;}
.select td{padding:0.5em 1em; background-color:#FFF;}
.select td.c, .select td.r{width:25%;}
.select td.r{text-align:right;}



/* jQery
----------------------------------------------- */
/*tooltip*/
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}