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

/*----------------フォント -------------------------------------- */
*{
   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;
}




/*----------------リセット -------------------------------- */
h1, h2, h3, h4, h5, h6, p, table, td, div, a{
margin: 0;
padding: 0;
} 

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

body{
   background:url(img/bg.gif) repeat-y top;
   background-color:#f9f9f9;
}

#wrapper{
   width:100%;
}

img{
   border:none;
}

a{
   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: 30px;   
}

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

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

}

#container{
    margin: 0 auto;
    width: 900px;
	height:100%;
	position: relative;
	overflow: hidden;
}

*html #container{
    margin: 0 auto;
    width: 900px;
	height:100%;
	position: relative;
	overflow: hidden;
}

*html .clearfix{
   zoom: 1;
}

#footer{
   margin: 0 auto;
   position:relative;
   width:900px;
   overflow:hidden;
   background:url(img/line_footer.gif) no-repeat top;
   background-color:#ffc272;
}

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

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

#level_01{
   width: 610px;
   height: 33px;
   position:absolute;
   left: 4px; 
   top: -11px;
}

#level_02{
   width: 222px;
   height: 33px;
   position:absolute;
   left: 654px; 
   top: 39px;
}

#level_3{
   width: 222px;
   height: 33px;
   position:absolute;
   left: 254px; 
   top: 39px;
}

#okini{
   width: 276px;
   height: 23px;
   position:absolute;
   left: 620px; 
   top: 1px;
}

}

#top_pankuzu{
   width: 810px;
   height: 18px;
   position:absolute;
   left: 221px; 
   top: 183px;
}

}



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

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

#footer_text{
	position:absolute;
	top:11px;
	left:2px;
	font-size:10px;
	color:#3c3c3c;
	padding-left:10px;
	margin:0px;
	width: 591px;
}

#footer_text a{
   color:#3c3c3c;
   text-decoration:none;
}

#footer_text a:hover{
   color:#3c3c3c;
   text-decoration:underline;
}

#copyright{
	position:absolute;
	left:620px;
	top:10px;
	float:right;
	font-size:10px;
	color:#333333;
	width: 274px;
}

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

.clearfix{
   overflow:hidden;
}

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

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

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

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

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

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

#gn li#top a:hover, #gn li#top_on{
   background:url(img/gn_01_on.gif) no-repeat;
}

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

#gn li#school a:hover, #gn li#school_on{
   background:url(img/gn_02_on.gif) no-repeat;
}

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

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

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

#gn li#inquiry a:hover, #gn li#inquiry_on{
   background:url(img/gn_04_on.gif) no-repeat;
}

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

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

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

#gn li#flow a:hover, #gn li#flow_on{
   background:url(img/gn_06_on.gif) no-repeat;
}

#main_img{
   margin-top:0px;
   background:url(img/photo_main.gif) no-repeat bottom;
   width:900px;
   height:100px;
   text-indent:-100000em;
}

/*---------------主要タグ---------------------- */

p{
  margin-top:10px;
  margin-left:33px;
  font-size:12px;
  line-height:1.6em;
}

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

h1{
   font-size:12px;
   color: #3c3c3c;
   margin-top:15px;
}

h2{
   width:823px;
   height:30px;
   font-size:21px;
   padding-left:15px;
   padding-bottom:1px;
   padding-top:0px;
   margin-left:33px;
   margin-top:25px;
   margin-bottom:0px;
   letter-spacing:0.4em;
   background:url(img/h2.gif) no-repeat left bottom;
   color:#666666;
}

h3 {
   height:20px;
   font-size:16px;
   padding-left:15px;
   padding-bottom:1px;
   padding-top:0px;
   margin-left:33px;
   margin-top:25px;
   margin-bottom:0px;
   letter-spacing:0.1em;
}

.h3_01{
   background:url(img/h3_blue.gif) no-repeat left bottom;
   color:#2c73ff;
}

.h3_01 a{
   text-decoration:underline;
   color:#2c73ff;
}

.h3_01 a:hover{
   text-decoration:none;
}

.h3_02{
   background:url(img/h3_green.gif) no-repeat left bottom;
   color:#417b25;
}

.h3_02 a{
   text-decoration:underline;
   color:#417b25;
}

.h3_02 a:hover{
   text-decoration:none;
}

.h3_03{
   background:url(img/h3_pink.gif) no-repeat left bottom;
   color:#d21488;
}

.h3_03 a{
   text-decoration:underline;
   color:#d21488;
}

.h3_03 a:hover{
   text-decoration:none;
}

.h3_04{
   background:url(img/h3_orange.gif) no-repeat left bottom;
   color:#d87908;
}

.h3_04 a{
   text-decoration:underline;
   color:#d87908;
}

.h3_04 a:hover{
   text-decoration:none;
}

.h3_05{
   background:url(img/h3_red.gif) no-repeat left bottom;
   color:#dd0707;
}

.h3_05 a{
   text-decoration:underline;
   color:#dd0707;
}

.h3_05 a:hover{
   text-decoration:none;
}

.h3_06{
   background:url(img/h3_indigo.gif) no-repeat left bottom;
   color:#234383;
}

.h3_06 a{
   text-decoration:underline;
   color:#234383;
}

.h3_06 a:hover{
   text-decoration:none;
}

h4 {
   height:16px;
   font-size:12px;
   padding-left:19px;
   padding-bottom:1px;
   padding-top:0px;
   margin-left:33px;
   margin-top:15px;
   margin-bottom:0px;
   letter-spacing:0.1em;
}

.h4_01{
   background:url(img/h4_red.gif) no-repeat left bottom;
   color:#b11947;
}

.h4_01 a{
   text-decoration:underline;
   color:#b11947;
}

.h4_01 a:hover{
   text-decoration:none;
}


.h4_02{
   background:url(img/h4_green.gif) no-repeat left bottom;
   color:#417b25;
}

.h4_02 a{
   text-decoration:underline;
   color:#417b25;
}

.h4_02 a:hover{
   text-decoration:none;
}

.h4_03{
   background:url(img/h4_orange.gif) no-repeat left bottom;
   color:#d87908;
}

.h4_03 a{
   text-decoration:underline;
   color:#d87908;
}

.h4_03 a:hover{
   text-decoration:none;
}

.h4_04{
   background:url(img/h4_purple.gif) no-repeat left bottom;
   color:#7a1372;
}

.h4_04 a{
   text-decoration:underline;
   color:#7a1372;
}

.h4_04 a:hover{
   text-decoration:none;
}

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

#info{
   width:250px;
   margin-top:20px;
   margin-left:20px;
   }

#info_contents{
   padding:10px;
}

.info_text{
   margin:0;
   font-weight:bold;
   line-height:1.8em;
   font-size:12px;
   color:#666666;
}

.line_01{
  margin-top:27px;
  margin-left:33px;
  font-size:14px;
  line-height:1.6em;
}

/*---------------トップページ---------------------- */

#top_feature{
	width: 553px;
	height: 360px;
	position:absolute;
	left: 329px;
	top: 117px;
	background-repeat: repeat-y;
}

#top_menu{
	width: 251px;
	height: 641px;
	position:absolute;
	left: 22px;
	top: 151px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#top_santyoku{
	width: 280px;
	height: 506px;
	position:absolute;
	left: 42px;
	top: 457px;
}


#top_tokusyu{
	width: 556px;
	height: 57px;
	position:absolute;
	left: 328px;
	top: 31px;
}

#top_idea{
	width: 556px;
	height: 57px;
	position:absolute;
	left: 328px;
	top: 579px;
}

#top_ideasyouhin{
	width: 553px;
	height: 360px;
	position:absolute;
	left: 330px;
	top: 658px;
	background-repeat: repeat-y;
}


#top_news{
	width: 536px;
	height: 116px;
	position:absolute;
	left: 332px;
	top: 1120px;
}


#top_twitter{
	width: 282px;
	height: 180px;
	position:absolute;
	left: 22px;
	top: 895px;
}




/*---------------商品一覧ページ---------------------- */

#s_main{
	width: 553px;
	height: 1051px;
	position:absolute;
	left: 329px;
	top: 91px;
	background-repeat: repeat-y;
}

#kategori{
	width: 553px;
	height: 1051px;
	position:absolute;
	left: 328px;
	top: 33px;
	background-repeat: repeat-y;
}




/*---------------グッズ詳細---------------------- */

#goods{
	width: 553px;
	height: 2078px;
	position:absolute;
	left: 329px;
	top: 20px;
	background-repeat: repeat-y;
}

#under{
	width: 553px;
	height: 569px;
	position:absolute;
	left: 93px;
	top: 2243px;
	background-repeat: repeat-y;
}


/*---------------会社案内---------------------- */

#top_kaisya{
	width: 553px;
	height: 2262px;
	position:absolute;
	left: 321px;
	top: 20px;
	background-repeat: repeat-y;
}

#top_pay{
	width: 553px;
	height: 876px;
	position:absolute;
	left: 321px;
	top: 20px;
	background-repeat: repeat-y;
}

/*---------------その他---------------------- */

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


/*---------------テキスト---------------------- */

.text_01{
   font-size:16px;
   font-weight:bold;
   color:#3c3c3c;
}

.text_02{
   font-size:14px;
   font-weight:bold;
   color:#ac1f2c;
}

.text_03{
   font-size:12px;
   font-weight:bold;
   color:#ac1f2c;
}