@charset "utf-8";
/* CSS Information ===========================
File name: base.css
Editor: Makoto Furuta
Last Editor: Makoto Furuta
Date: 2009.02.05
============================================ */

/*----------------フォント -------------------------------------- */
*{
   font-family:
      "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
	  "メイリオ", Meiryo,
	  Osaka
	  "MS Pゴシック", "MS P Gothic",
	  sans-serif;
}

*:first-child+html *{
   font-family:
      "ヒラギノ角ゴ Pro W3",
      "メイリオ",Meiryo,
	  "MS P ゴシック",　"MS P Gohtic",
	  sans-serif;    
}

* html *{
   font-family:
      "ヒラギノ角ゴ Pro W3",
      "メイリオ", Meiryo,
	  "MS P ゴシック", "MS P Gothic",
	  sans-serif;
}

/*---------------ボディー---------------------- */

body{
   background-color:#FFFFFF;
}

#wrapper{
   background:url(imgs/bg_body.gif) repeat-x top left;
   width:100%;
}

img{
   border:none;
}

a{
   color:#6f531c;
   text-decoration:none;
}

a:hover{
   text-decoration:underline;
}

table, th, td{
   margin:0;
   padding:0;
   border-collapse:separate;
   border:none;
   border-spacing:0;
}

/*---------------カラムレイアウト---------------------- */

#header{
   margin: 0 auto;
   position: relative;
   width: 900px;
   height: 29px;   
}

#main{
   margin: 0 auto;
   position: relative;
   width: 900px;
   margin-top:16px;
}

*html #main{
   margin: 0 auto;
   position: relative;
   width: 900px;
   margin-top:0px;

}

#container{
    margin: 0 auto;
    width: 974px;
	height:100%;
	background:url(imgs/bg_contents.gif) repeat-y top;
	overflow: hidden;
}

*html #container{
    margin: 0 auto;
    width: 974px;
	height:100%;
	background:url(imgs/bg_contents_ie6.gif) repeat-y top right;
	overflow: hidden;
}

*html .clearfix{
   zoom: 1;
}

#primary_contents{
   float:left;
   width: 732px;
}

#secondary_contents_top{
   background:url(imgs/bg_right_top.gif) no-repeat top;
   margin-right:40px;
   float:right;
   width: 178px;
   height:100%;
}

#secondary_contents{
   background:url(imgs/bg_right.gif) no-repeat top;
   margin-right:40px;
   float:right;
   width: 178px;
   height:100%;
}

#footer{
   margin: 0 auto;
   position:relative;
   width: 100%px;
   overflow:hidden;
   background:url(imgs/bg_footer.gif) repeat-x top;
}

/*---------------ヘッダー---------------------- */

#logo{
   width: 124px;
   float:left;
   margin-left:3px;
}

#header-text{
	width:900px;
	height:15px;
	font-size:10px;
	text-align:center;
}

#level_01{
   background:url(imgs/header_img.gif) no-repeat top left;
   width: 510px;
   height: 33px;
   float:left;
   margin-left:20px;
   margin-top:3px;
}

*:first-child+html #header ul{
   float:right;
   margin:0;
   padding::0;
   position:absolute;
   left: 700px; 
   top: 15px;
}

*html #header ul{
   float:right;
   margin:0;
   padding::0;
   position:absolute;
   left: 580px; 
   top: 15px;
} 

#header ul{
   float:right;
   list-style:none;
   margin:0;
   padding::0;
   position:absolute;
   left: 580px; 
   top: 15px;
}

#header ul li {
   list-style:none;
   width: 120px;
   float: left;
   font-size: 10px;
   color: #437f35;
   padding-left: 18px;
}

#header ul li a{
   color: #6f531c;
   text-decoration:none;
}

#header ul li a:hover{
   color: #6f531c;
   text-decoration:underline;
}

#top{
   background:url(imgs/top_icon.gif) no-repeat left bottom;
}

#sitemap{
   background:url(imgs/sitemap_icon.gif) no-repeat left bottom;
}

/*---------------フッター---------------------- */

#footer_contents{
   margin: 0 auto;
   width:900px;
   height:125px;
   overflow:hidden;
   position:relative;
}

#footer_contents ul {
   position:absolute;
   top:10px;
   left:20px;
   float:left;
   font-size:10px;
   color:#ffffff;
   padding-left:10px;
   margin:0px;
}

#footer_contents ul li a{
   color:#FFFFFF;
   text-decoration:none;
}

#footer_contents ul li a:hover{
   color:#FFFFFF;
   text-decoration:underline;
}

#copyright{
   position:absolute;
   left:550px;
   top:10px;
   float:right;
   font-size:10px;
   color:#ffffff;
}

#copyright p{
   margin:0px;
   line-height:1.4em;
}

.clearfix{
   overflow:hidden;
}

#totop{
   text-align:right;
   margin-top:30px;
   margin-bottom:20px;
}

/*---------------グローバルナビ・メインイメージ---------------------- */

ul#gn, ul#gn li, ul#gn li a{
margin: 0;
padding: 0;
display: block;
height:33px;
list-style:none;
}

#main ul{
   width:900px;
   height:33px;   
}

#main li{
   float:left;
   width:150px;
   height:33px;
}

ul#gn li a {
   overflow:hidden;
   text-indent:-100000em;
}

#gn li#design a{
   background:url(imgs/gn_01_off.gif) no-repeat;
}

#gn li#design a:hover, #gn li#design_on{
   background:url(imgs/gn_01_on.gif) no-repeat;
}

#gn li#cost a{
   background:url(imgs/gn_02_off.gif) no-repeat;
}

#gn li#cost a:hover, #gn li#cost_on{
   background:url(imgs/gn_02_on.gif) no-repeat;
}

#gn li#application a{
   background:url(imgs/gn_03_off.gif) no-repeat;
}

#gn li#application a:hover, #gn li#application_on{
   background:url(imgs/gn_03_on.gif) no-repeat;
}

#gn li#faq a{
   background:url(imgs/gn_04_off.gif) no-repeat;
}

#gn li#faq a:hover, #gn li#faq_on{
   background:url(imgs/gn_04_on.gif) no-repeat;
}

#gn li#message a{
   background:url(imgs/gn_05_off.gif) no-repeat;
}

#gn li#message a:hover, #gn li#message_on{
   background:url(imgs/gn_05_on.gif) no-repeat;
}

#gn li#cancel a{
   background:url(imgs/gn_06_off.gif) no-repeat;
}

#gn li#cancel a:hover, #gn li#cancel_on{
   background:url(imgs/gn_06_on.gif) no-repeat;
}

/*--トップページのみ適用　ここから-- */
#gn li#message_top a{
   background:url(imgs/gn_05_top_off.gif) no-repeat;
}

#gn li#message_top a:hover{
   background:url(imgs/gn_05_top_on.gif) no-repeat;
}

#gn li#cancel_top a{
   background:url(imgs/gn_06_top_off.gif) no-repeat;
}

#gn li#cancel_top a:hover{
   background:url(imgs/gn_06_top_on.gif) no-repeat;
}
/*--トップページのみ適用　ここまで-- */

#main_img{
   margin-top:10px;
   background:url(imgs/main_img.jpg) no-repeat bottom;
   width:900px;
   height:253px;
   text-indent:-100000em;
}

/*---------------hタグ---------------------- */

h1{
   font-size:10px;
   color: #aaaaaa;
   margin-top: 15px;
}

h2{
   position:absolute;
   left:-9999px;
}

h3{
   background:url(imgs/bg_h3.gif) no-repeat top;
   height:34px;
   width:666px;
   font-size:14px;
   color:#874b35;
   padding-left:60px;
   padding-bottom:5px;
   padding-top:9px;
   margin-left:30px;
   margin-top:8px;
   margin-bottom:0px;
   clear:both;
}

h4{
   margin:8px 0px 0px 37px;
   padding:0px 0px 0px 20px;
   font-size:12px;
   font-weight:bold;
   color:#c15957;
}

/*---------------新着情報---------------------- */

#info_title{
   float:left;
   width: 150px;
   height: 89px;
}

#info{
   width:732px;
   height:100px;
   margin-top:38px;
}

#info_dl{
   position:relative;
   float:right;
   background:url(imgs/bg_info.gif) no-repeat top;
   width:582px;
   height:95px;
   top:10px
   left:350px;
}

#info_dl table{
   position:absolute;
   top:17px;
   left:30px;
}

#info_dl tr td {
   line-height:1.5em;
   font-size:12px;
   color:#6f531c;
}

.info_td{
   font-weight:bold;
   line-height:1.5em;
   font-size:12px;
   color:#6f531c;
}

/*---------------オススメデザイン---------------------- */

.lv2{
   margin-top:10px;
   width:732px;
}

.lv3_in{
   width:673px;
   margin-left:57px;
}

#design_title_top{
   float:left;
   width: 228px;
   height: 89px;
   margin-bottom:12px;
}

#design_title{
   float:left;
   width: 300px;
   height: 89px;
   margin-bottom:12px;
}


.lv3_in p{
   font-size:12px;
   font-weight:bold;
   color:#666666;
   padding:0px;
   margin:0px;
}

/*---------------商品ブロック---------------------- */

.block_main{
   border-top:solid 1px #999999;
   overflow: hidden;
   width:672px;
   margin-left:57px;
   margin-top:20px;
   padding-top:18px;
}

.block_01{
   text-align:center;
   width:224px;
   height:256px;
   float:left;
}

.block_02{
   text-align:center;
   width:224px;
   height:256px;
   float:left;
}

.block_03{
   text-align:center;
   width:224px;
   height:256px;
   float:left;
}

.img_yoko{
   padding-top:30px;
}

.img_yoko img{
   border-width:1px;
   border-style:solid;
   border-color:#cccccc;
}

.img_tate{
}

.img_tate img{
   border-width:1px;
   border-style:solid;
   border-color:#cccccc;
}

.explanation_tate{
   display:block;
   margin-top:10px;
   margin-right:5px;
   margin-left:5px;
   border-top:dashed 1px #999999;
   border-bottom:dashed 1px #999999;
   overflow: hidden;
}

.explanation_yoko{
   border-top:dashed 1px #999999;
   border-bottom:dashed 1px #999999;
   display:block;
   margin-top:51px;
   margin-right:5px;
   margin-left:5px;
   overflow: hidden;
}

.number_simple{
   background:url(imgs/simple_icon.gif) no-repeat left;
   height:18px;
   float:left;
   padding-left:20px;
   margin-top:2px;
   margin-left:4px;
   font-size:12px;
}

.number_basic{
   background:url(imgs/basic_icon.gif) no-repeat left;
   height:18px;
   float:left;
   padding-left:20px;
   margin-top:2px;
   margin-left:4px;
   font-size:12px;
}

.number_premium{
   background:url(imgs/premium_icon.gif) no-repeat left;
   height:18px;
   float:left;
   padding-left:20px;
   margin-top:2px;
   margin-left:4px;
   font-size:12px;
}

.zoom{
   float:right;
   margin-right:15px;
   margin-top:4px;
}

.to_design{
   text-align:right;
   margin-top:20px;
   margin-right:2px;
}

/*---------------バナー---------------------- */

.banner_01{
   text-align:center;
   padding-top:113px;
}

.banner_01_top{
   text-align:center;
   padding-top:42px;
}

.banner_01_design{
   text-align:center;
   padding-top:118px;
}

.banner_02{
   text-align:center;
   margin-top:5px;
}

.banner_03{
   text-align:center;
   margin-top:5px;
   padding-bottom:40px;
}

.banner_04{
   text-align:center;
   margin-top:5px;
   padding-bottom:40px;
}

/*---------トップページ・人気ランキングトップ3----------- */

#ranking{
   float:right;
   width:450px;
   height:198px;
   margin-right:2px;
}

.ranking_block_01{
   text-align:center;
   width:150px;
   height:143px;
   float:left;
}

.ranking_block_02{
   text-align:center;
   width:150px;
   height:143px;
   float:left;
}

.ranking_block_03{
   text-align:center;
   width:150px;
   height:143px;
   float:left;
}

.ranking_img_yoko{
   padding-top:30px;
}

.ranking_img_yoko img{
   border-width:1px;
   border-style:solid;
   border-color:#cccccc;
}

.ranking_img_tate{
}

.ranking_img_tate img{
   border-width:1px;
   border-style:solid;
   border-color:#cccccc;
}

.ranking_explanation_tate{
   display:block;
   margin-top:7px;
   margin-right:5px;
   margin-left:5px;
   border-top:dashed 1px #999999;
   border-bottom:dashed 1px #999999;
   overflow: hidden;
}

.ranking_explanation_yoko{
   border-top:dashed 1px #999999;
   border-bottom:dashed 1px #999999;
   display:block;
   margin-top:28px;
   margin-right:5px;
   margin-left:5px;
   overflow: hidden;
}

.ranking_number{
   background:url(imgs/ranking_icon.gif) no-repeat left;
   height:18px;
   float:left;
   padding-left:25px;
   margin-top:2px;
   margin-bottom:1px;
   margin-left:4px;
   font-size:12px;
}

.ranking_zoom{
   float:right;
   margin-right:15px;
   margin-top:4px;
}

.ranking_number a{
   color:#cc3365;
   font-weight:bold;
   text-decoration:none;
}

.ranking_number a:hover{
   text-decoration:underline;
}

/*---------------デザイン一覧ページ---------------------- */

#type_btn{
   float:right;
   margin-right:2px;
}

.type{
   float:left;
   margin-top:60px;
   margin-right:2px;
}

/*---------------価格表ページ---------------------- */

#title{
   width: 300px;
   height: 89px;
   margin-bottom:12px;
}

.cost_main, .cost_main_02{
   margin-left:57px;
   margin-bottom:35px;
}

.cost_main table{
   width:672px;
   border: 1px solid #eeeeee;
   font-size:12px;
   background:url(imgs/bg_kakaku.gif)  bottom repeat-x;
}

.cost_main_02 table{
   width:200px;
   border: 1px solid #eeeeee;
   font-size:12px;
   background:url(imgs/bg_kakaku.gif)  bottom repeat-x;
}

.cost_main th, .cost_main_02 th{
   padding: 0.8em 0.5em;
   border-color: #d1726c #ce716c #d1726c #eeeeee;
   border-style:solid;
   border-width:1px;
   color:#FFFFFF;
   font-weight:bold;
   font-size:12px;
   text-align:center;
   background:url(imgs/bg_kakaku_th.gif)  bottom repeat-x;
}

.cost_main td, .cost_main_02 td{
   padding: 0.8em 0.5em;
   border-style:solid;
   border-width:1px;
   border-color:#ffffff #da8989 #da8989 #ffffff;
   font-size:12px;
   text-align:right;
}

.cost_main tfoot{
   background:url(imgs/bg_kakaku_tfoot.gif)  bottom repeat-x;
}

.kakaku_p{
    margin:0px 0px 35px 57px;
}

.kakaku_p p{
   font-size:12px;
   color:#555555;
   line-height:1.5em;
   letter-spacing:0.05em;
   margin:8px 0px 0px 0px;
   padding:0px;
}

/*---------------お申込みページ---------------------- */

.application_main{
   margin:0px 0px 25px 57px;
}

.application_p{
   margin: 0px 0px 25px 57px;
}

.application_p p{
    margin-left:57px;
	margin-top:25px;
	font-size:12px;
    color:#555555;
    line-height:1.3em;
    letter-spacing:0.05em;
    margin:5px 0px 0px 0px;
    padding:0px;
}

/*--------------よくある質問ページ---------------------- */

.faq_main{
  margin:0px 0px 40px 57px;
}

.faq_main table{
   width:672px;
   border: 1px solid #eeeeee;
   font-size:12px;
   background-color:#e9eefb;
}

.faq_main td{
      padding: 1em 1em;
}

.faq_main th{
   padding: 1em 1em;
   border-color: #749fd8 #7b98da #749fd8 #eeeeee;
   border-style:solid;
   border-width:1px;
   color:#FFFFFF;
   font-weight:bold;
   font-size:12px;
   text-align:left;
   background-color:#6fa8e9;
}

/*--------------タイトル・メッセージページ---------------------- */

.message_main{
  margin:0px 0px 40px 57px;
}

.message_main table{
   width:672px;
   border: 1px solid #eeeeee;
   font-size:12px;
   background-color:#f2ded8;
}

.message_main th{
   padding: 0.8em 0.5em;
   border-color: #d1726c #ce716c #d1726c #eeeeee;
   border-style:solid;
   border-width:1px;
   color:#FFFFFF;
   font-weight:bold;
   font-size:12px;
   text-align:center;
   background:url(imgs/bg_kakaku_th.gif)  bottom repeat-x;
}

.message_main td{
   padding: 0.8em 0.5em;
   border-style:solid;
   border-width:1px;
   border-color:#ffffff #da8989 #da8989 #ffffff;
   font-size:12px;
   text-align:left;
   width:50%;
}

/*--------------サイトマップページ---------------------- */

#sitemap_main{
     margin:0px 0px 40px 57px;
}

#sitemap_main li{
   font-size:14px;
   color:#666666;
   margin:0px 0px 0px 0px;
   padding:0px 0px 10px 0px;
}

/*--------------プライバシーポリシーページ---------------------- */

.privacy_p{
    margin:0px 0px 35px 57px;
}

.privacy_p p{
   font-size:12px;
   color:#555555;
   line-height:1.5em;
   letter-spacing:0.05em;
   margin:8px 0px 0px 0px;
   padding:0px;
}

/*--------------特定商取引法に基づく表記についてページ---------------------- */

.hyouki_01{
    margin:0px 0px 35px 57px;
}

.hyouki_01 table{
   width:672px;
   font-size:12px;
   border: 1px solid #eeeeee;
}

.hyouki_01 td {
   padding: 0.3em 0.5em;
   border-style:solid;
   border-width:1px;
   border-color:#eeeeee;
   font-size:12px;
   text-align:left;
}

.hyouki_p{
    margin:0px 0px 35px 57px;
}

.hyouki_p p{
   font-size:12px;
   color:#555555;
   line-height:1.5em;
   letter-spacing:0.05em;
   margin:8px 0px 0px 0px;
   padding:0px;
}

/*--------------リンク集ページ---------------------- */

.link_01{
    margin:0px 0px 35px 57px;
}

.link_01 dt{
   font-size:12px;
   margin-bottom:10px;
   background:url(imgs/link_icon.gif) no-repeat left;
   padding-left:20px;
   padding-top:2px;
}

.link_01 dd{
   font-size:12px;
   color:#555555;
   line-height:1.5em;
   margin-bottom:40px;
}

/*--------------キャンセル・交換ページ------------------ */

.cancel_p{
    margin:0px 0px 35px 57px;
}

.cancel_p p{
   font-size:12px;
   color:#555555;
   line-height:1.5em;
   letter-spacing:0.05em;
   margin:8px 0px 0px 0px;
   padding:0px;
}

/*--------------お問合わせページ---------------------- */

.inquiry_main {
   width:600px;
   text-align:left;
   margin: 0px 0px 0px 57px;
   border: solid 1px #eeeeee;
}

.inquiry_main table {
    font-size:12px;
}

.inquiry_main td{
   padding:10px;
   font-size:12px;
}

.inquiry_main p {
    font-size:10px;
	padding:0px;
	margin:0px;
}

.attention{
   color:#FF0000;
}