/* CSS Document */

body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	line-height:140%;
	text-align:center;
	margin:0px;
	font-size:14px;
}

td{
	line-height:160%;
	color:#333;
}


#head{
	font-size:13px;
	color:#382600;
	margin:0px;
	width:auto;
	background-image:url(../temp-img/back-img.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
	}
#head2{
	margin:0px;
	width:982px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
	
.hl{
	float:left;
}

.hl a:hover img {
	opacity:100;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
}

.hm{
	background-image:url(../temp-img/p2.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	width:396px;
	height:34px;
	float:left;
	text-align:left;
}

.hm2{
	float:right;
	margin:0px;
	padding:0px;
}

#head-menu{
	font-size:14px;
	color:#382600;
	margin:0px 0px 20px 0px;
	width:auto;
	background-image:url(../temp-img/p5.jpg);
	background-repeat:repeat-x;
	clear:both;
	overflow:hidden;
	height:80px;
	}
	
#head-menu a:hover img {
	opacity:100;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
}
	
#head-menu2{
	width:982px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}
	
#main{
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#main2{
	height:88px;
	background-image:url(../temp-img/fb1.jpg);
	clear:both;
	position:relative;
}

.page img{
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	right: 20px;
	bottom: 0;
}

	
.foot{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	font-size:13px;
	color:#382600;
	clear:both;
	text-align:left;
	margin-top:20px;
	}
	
.foot ul{
	margin:0;
	padding:0;
}  
 
.foot li{   
	margin:10px;
	padding:0 0 0 24px;
	background: url(../temp-img/l-aicon2.jpg) no-repeat left;
	list-style: none 
} 
	
#foot-box{
	font-size:13px;
	color:#382600;
	margin:0px;
	width:auto;
	background-image:url(../temp-img/f4.jpg);
	background-repeat:repeat-x;
	clear:both;
	overflow:hidden;
	height:235px;
	}
	
	
#main-box{
	width:980px;
	margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px;
	padding-left:0px;
	background-color:#FFF;
	overflow:hidden;
}

.left{
	width:706px;
	display:block;
	text-align:left;
	float:left;
	padding:0px;
	margin:0px;
	font-size:14px;

	}

.right{ 
　　width:251px;
	display:block;
	float:right;
	text-align:left;
	font-size:14px;
	padding:0px;
	margin:0px 0px 0px 15px;
	
	}
	
.fr{
	background-color:#f2e380;
	padding:10px 20px;
	width:211px;
	text-align:center;
}


	
.copy{
	background-color:#3C4834;
	height:20px;
	color:#FFF;
	font-size:13px;
	text-align:center;
	padding:7px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	clear:both;
}

.copy a{
	color:#FFF;
}

.copy a:hover{
	color:#FFF;
}
	
h1{
	font-size:14px;
	font-weight:normal;
	color:#333;
	margin:0px auto;
	padding-top:20px;
	width:900px;
	text-align:left;
	height:26px
	}
	
.l{
	float:left;
	width:583px;
	text-align:left;
	padding:0px;
	margin:0px;
	clear:both;
	}

.r{
	float:rigth;
	width:317px;
	text-align:right;
	padding:0px;
	margin:0px;
	}



a {color:#360;
	text-decoration:none;
    line-height:130%;
	}
	
	
a:hover {
	color:#900;
	text-decoration:underline;
    line-height:130%;
	}
		

.menu{
	font-size:13px;
	padding:0px;
	}

.menu a{
	display:block;
	color:#3B2C2C;
	background:url(../temp-img/aicon.jpg) no-repeat;
	padding: 8px 0px 5px 26px;
	line-height:100%;
	background-position:8px;
	}

.menu a:hover{
	padding: 8px 0px 5px 26px;
	color:#900;
	line-height:100%;
	background:url(../temp-img/aicon.jpg) no-repeat;
	background-position:8px;
	text-decoration:underline;
	}
	
.big
	{font-size:17px;
	font-weight:bold;
	 color:#333;
	}

.big-iro
	{font-size:16px;
	font-weight:bold;
	 color:#C33;
	}

.big-iro-mini
	{font-size:15px;
	font-weight:bold;
	 color:#C33;
	}

.kakaku
	{font-size:17px;
	font-weight:bold;
	 color:#C00;
	}

.f
	{font-weight:bold;
	}
.t_red {
	color:#CC0000;
}
.small
	{font-size:12px;
	 color:#333;
	}

.small-b
	{font-size:14px;
	 color:#333;
	}
	
	
.pannavi {
	font-size:12px;
	text-align:left;
	padding:0px;
	margin:0px 0px 5px 0px;
	color:#666666;
	}

img {
	border:0px;
	}


/** 追加　20111102 **/
.tt{
	padding:10px 0 0 50px;
	height:31px;
	margin:0;
	background:url(../info/img/itiran_tt.jpg) no-repeat center top;
	text-align:left;
	font-size:18px;
	font-weight:bold;
		}
		
.impact:first-letter
{
   float: left;
   font-weight: bold;
   font-size: 150%;
}
	
.tanjyo_midashi{
	background:url(../info/img/tanjyo_midasi.png) no-repeat center top;
	padding:10px 0 0 30px;
	text-align:left;
	font-size:18px;
	font-weight:bold;	
	height:31px;
	margin:20px 0 15px 0;
	}

	
/** 見出し **/

.a-midashi {
	font-size:18px;
	color:#fff;
	height:33px;
	background-image:url(../temp-img/midashi-1.gif);
	background-repeat:no-repeat;
	padding:12px 0px 0px 50px;
	margin:10px 0px 30px 0px;
	}

.info-midashi2 {
	font-size:16px;
	color:#544634;
	font-weight:bold;
	height:35px;
	background-image:url(../info/img/info-ban2.jpg);
	background-repeat:no-repeat;
	padding:5px 0px 0px 30px;
	margin:5px 20px 0px 20px;
	}
	
	
.koe {
	font-size:17px;
	color:#C60;
	font-weight:bold;
	height:50px;
	background-image:url(../info/img/koe-ban.jpg);
	background-repeat:no-repeat;
	padding:15px 0px 0px 65px;
	margin:5px 20px 0px 20px;
	}
	
.qa {
	font-size:15px;
	color:#183B0A;
	font-weight:bold;
	height:40px;
	background-image:url(../info/img/q-ban.jpg);
	background-repeat:no-repeat;
	padding:10px 0px 0px 65px;
	margin:5px 20px 0px 20px;
	}
	

.t-dashi {
	font-size:15px;
	color:#300;
	font-weight:bold;
	height:41px;
	background-image:url(../info/img/map-ber.jpg);
	background-repeat:no-repeat;
	padding:12px 0px 0px 20px;
	margin:0px;
	}

.info-box{
	width:540px;
	padding:30px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F0EDDE;
	margin-bottom:50px;
}
	

/** テーブル **/

.table_mgform {background-color: #666;width:530px;border:none;margin:auto}
.table_mgform td {background-color: #FFF}
.table_mgform th {background-color: #FBFBED;padding:5px;color: #183B0A}


/** 菊芋のしずくについて **/

.header_bk{
	background-image:url(../shohin/img/header_bk.jpg);
	background-repeat: no-repeat;
	width:660px;
	height:46px;
	margin:0px;
	padding:10px 0px 0px 10px;
	font-size:16px;
	color: #660000;
	font-weight: bold;
			}
			
.title_bk{
	background-image:url(../shohin/img/kikuimo_title_bk.jpg);
	background-repeat: no-repeat;
	background-position:center;
	margin:55px 0px 10px 0px;
	padding:15px 0px 15px 25px;
	font-size:15px;
	color:#211713;
	font-weight: bold;
		}
		
p.title_01{
	background-image:url(../shohin/img/icon_01.gif);
	background-position:3px center;
	background-repeat:no-repeat;
	padding:4px 0 4px 24px;
	border-bottom:#E38200 1px solid;
	margin:20px 0 10px 0;
	color:#000000;
	font-weight:bold
		}
					
.text_1{
	color:#E38100;
	font-weight: bold;
	font-size:14px;
	}

.text_2{
	font-size:13px;
	color:#211713;
	font-weight: bold;
	}
	
.text_3 {
	font-weight: bold;
	color:#F30;
	}

.text_4 {
	font-size:90%;
	line-height: 130%;
}

.text_5 {
	font-size:12px;
	color: #999999;
}


.text_6 {
	color:#336600;
	font-size: 12px;
	font-weight:bold;
	}
	
.text_7 {
	font-size:12px;
	}
	
.shohin_text{
	font-size:18px;
	font-weight:bold;
	color:#211713;
	line-height:180%;
	}
	
.shohin_aka{
	font-size:18px;
	font-weight:bold;
	color:#CC0000;
	}

.calorie_bk {
	background-image: url(../shohin/img/calorie.jpg);
	background-repeat: no-repeat;
	background-position:center;
	height: 695px;
	margin-bottom:30px;
	clear:both;
	}
	
.main_box{
	width:625px;
	margin:0px auto 300px;
	}
	
hr {
   border-width: 1px 0px 0px 0px; 
   border-style: solid;
   height: 1px;
   border-color:#000000;
   }
	

/**キャッチ**/
.cathch01 {
	margin:30px 0 20px 0;
}


/**文章**/
.textbox_2{
	width:625px;
	clear:both;
	margin-bottom:10px;
	overflow:hidden
	}

.text_box3 {
	padding:8px 0px 15px 4px;
	
	}

.text_box4 {
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
.text_box5 {
	width:425px;
	float:left;
	margin:25px 0px 15px 0px ;
	padding:0px 25px 0px 0px;
	}
	
ul#itemlist  {
	margin:0 auto;
	padding:0;
	width:625px;
}
ul#itemlist {
	overflow:hidden;
}
#itemlist li {
	width:135px;
	margin:0;
	padding:5px 28px 0px 0px ;	
	list-style:none;
	line-height:1.3em;
	float:left;
	}




/**商品案内：カロリー**/
.calorie_text{
	width:515px;
	margin:0px auto;
	padding:200px 0px 0px 0px;
	font-size:13px;
	}



/** カートエリア用　**/
.cartbox {
	margin:10px 0;
	clear:both
	}

/** 菊芋のしずくができるまでテーブル　**/
.making_T {
	width:625px;
	margin:20px auto 50px auto
}
.making_T .ya{
	width:40px;
	background:url(../shohin/img/arrow.gif) no-repeat center 100px;
	}
	
.making_T .photo{
	width:180px;
	height:180px
	}
	
.making_T .line_01 { 
	background:url(../shohin/img/line.gif) repeat-x center;
	height:30px
	}
	
.making_T td {
	font-size:90%;
	line-height:1.2em;
	}
	
	
/****　カテゴリページ　******/
div#category {
}
#category ul,
#category li
 {
	margin:0;
	padding:0;
	list-style:none
}
#category li {
	float:left;
	width:300px;
	height:120px;
	overflow:hidden;
	margin:15px
}
#category li .thum {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	width:100px;
	height:100px;
}
#category li {
	margin-left:10px;
	padding:0;
	height:100px;
}
#category li h3 {
	margin:0 0 10px 0;
	padding:0
}


.menu_list ul{
	margin:0;
	padding:0;
}
.menu_list li{
	margin:10px;
	padding:0 0 0 24px;
	background: url(../info/img/aikon.jpg) no-repeat left;
	list-style: none
}



#container {
width : 706px ;
}

#container ul{
	margin:0;
	padding:0;
}  
 
#container li{   
	margin:10px;
	padding:0 0 0 24px;
	background: url(../temp-img/l-aicon.jpg) no-repeat left;
	list-style: none 
} 

#container #mainContents {
width: 229px;
float: left;
background-color: #fff;
}

#container #subContents1 {
width: 229px;
float: left;
margin:0px 9px;
background-color: #fff;
}

#container #subContents2 {
width: 229px;
float: left;
background-color: #fff;
}


a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}



/****　ここから追記　******/

/****　カレンダーページ　******/

.uni-cal01 img{
	margin-bottom:15px;
	}


.uni-cal02 {
	background-image:url(../ca/img/uni-cal-tex.jpg);
	background-repeat:repeat;
	padding:10px;
	}

.uni-cal03 {
	color:#E93067;
	width:auto;
	}

.uni-cal03 p{
	width:240px;
	float:left;
	font-weight:bold;
	line-height:180%;
	}
		
.uni-cal03 img{
	float:right;
	}

.uni-cal04 {
	width:120px;
	float:left;
	}
		
.uni-cal05 {
	width:190px;
	font-size:12px;
	float:right;
	}

.uni-cal05 img{
	vertical-align:bottom;
	float:left;
	}




p.cal-win {
	width:315px;
	height:auto;
	margin:5px auto;
	padding:10px;
	line-height:200%;
	border:1px dotted #ff9966;
	}

	
p.cal-mac {
	width:315px;
	height:auto;
	margin:5px auto;
	padding:10px;
	line-height:200%;
	border:1px dotted #ff9966;
	}


.cal-backnum {
	width:225px;
	height:25px;
	margin-top:5px;
	}
	
.cal-backnum img{
	margin-bottom:10px;
	margin-left:20px;
	float:left;
  width:80px;
	}


/****　診断結果ページ　******/

.mohan {
	width:90%;
	height:auto;
	margin:0 auto 20px;
	padding:20px 10px;
	line-height:200%;
	border-bottom:1px dotted #666666;
	}


#mohan-navi-table td {
	background-color:#F8FDD5;
	text-align:center;
	}

.answer-title {
	width:100%;
	margin:10px 0 20px;
	color:#95B918;
	font-size:16px;
	font-weight:bold;
	display:block;
	}

.answer-text {
	padding:10px;
	background-image:url(../shindan/img/kekka-text-bg.png);
	background-repeat:repeat;
	}



/****　Friend Shipページ　******/

.fs {
	margin-top:20px;
	line-height:180%;
	}

.fs h3 {
	color:#FFFFFF;
	width:636px;
	height:30px;
	padding:10px 0 0 55px;
	background-image:url(../kifu/img/fs-title-bg.jpg);
	background-repeat:no-repeat;
	}


.red {
	color:#CC3300;
	}

.blue {
	color:#0066CC;
	}
	
.green {
	color:#669933;
	font-weight:bold;
	}


#fs-member {
	width:684px;
	height:auto;
	margin-bottom:30px;
	border:1px solid #FFFFFF;
	}
	
	
.fs-member-box {
	width:210px;
	height: auto;
	margin-top:20px;
	margin-right:5px;
	margin-left:10px;
	float:left;
	}


.fs-member-img {
	width:210px;
	height:135px;
	padding-top:15px;
	background-color:#F0E7D1;
	text-align:center;
	}

	
.fs-member-box p {
	color:#669933;
	width:180px;
	margin:0;
	padding:5px;
	font-size:95%;
	font-weight:bold;
	}


.fs-member-mess {
	 width:210px;
	 height:auto;
	 background-color:#FBF2F2;
	 }



.ryousyu {
	width:602px;
	height:232px;
	margin:30px 0 10px 30px;
	background-image:url(../kifu/img/fs-ryousyu.jpg);
	background-repeat:no-repeat;
	}

.ryousyu-date {
	width:400px;
	margin:20px 0 0 150px;
	font-weight:bold;
	}

.ryousyu-gaku {
	width:400px;
	margin:20px 0 0 150px;
	font-size:40px;
	font-weight:bold;
	line-height: 40px;
	}

.ryousyu-tadashi {
	width:400px;
	margin:0 0 30px 150px;
	}
	
	
.fs-content {
	width:650px;
	height:auto;
	margin-left:15px;
	}


.fsm-page {
	z-index: 1;
	position: relative;
	width:686px;
	height:650px;
	margin-top:20px;
	background-color:#F0E7D1;
	}


.fsm-img {
	z-index: 2;
	position: absolute;
	top: 60px;
	left: 150px;
	width:400px;
	height:300px;
	}

.fsm-tape {
	z-index: 3;
	position: absolute;
	top: 30px;
	left: 100px;
	width:500px;
	height:361px;
	background-image:url(../kifu/img/tape.png);
	}


ul.fsm-text {
	position: absolute;
	top: 380px;
	left: 150px;
	width:380px;
	height:auto;
	margin-bottom:30px;
	}


.fsm-text li {
	margin-left:-40px;
	padding-left:10px;
	list-style-type:none;
	list-style-position:inside;
	line-height:200%;
	border-bottom:1px dotted #aaaaaa;
	}
	



.fsm-page-tate {/*縦長写真*/
	z-index: 1;
	position: relative;
	width:686px;
	height:750px;
	margin-top:20px;
	background-color:#F0E7D1;
	}


.fsm-img-tate {/*縦長写真*/
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 185px;
	width:300px;
	height:400px;
	}

.fsm-tape-tate {/*縦長写真*/
	z-index: 3;
	position: absolute;
	top: 30px;
	left: 125px;
	width:432px;
	height:442px;
	background-image:url(../kifu/img/tape-tate.png);
	}


ul.fsm-text-tate {/*縦長写真*/
	position: absolute;
	top: 480px;
	left: 150px;
	width:380px;
	height:auto;
	}


.fsm-text-tate li {/*縦長写真*/
	margin-left:-40px;
	padding-left:10px;
	list-style-type:none;
	list-style-position:inside;
	line-height:200%;
	border-bottom:1px dotted #aaaaaa;
	}



.fsm-kensyu {
	width:686px;
	height:230px;
	margin-top:30px;
	margin-bottom:30px;
	background-image: url(../kifu/img/kensyu-bg.jpg);
	background-repeat:repeat;
	}





.fsm-kensyu01 {
	margin-top:60px;
	padding:5px 15px;
	line-height:185%;
	}



.fsm-kensyu02 {
	width:180px;
	height:200px;
	margin-top:150px;
	text-align:center;
	}
		

.fsm-totop {
	padding-right:20px;
	text-align:right;
	}

#fs-menber-table {
	margin:0 auto 20px;
	}

#fs-menber-table td {
	color:#aaaaaa;
	font-size:85%;
	background-color:#F8FDD5;
	text-align:center;
	}
	

/****　フリー写真部ページ　******/


.free-photo-text01 {
	width:620px;
	height:auto;
	margin:70px 0 0 20px;
	padding:10px;
	background-color:#FFFFFF;
	}

.free-photo {
	width:185px;
	height:210px;
	margin:10px auto;
	padding:1px 10px 10px 10px;
	background-color:#FFFFFF;
	}

.free-photo p{
	color:#669933;
	font-weight:bold;
	height:50px;
	}



.free-photo-text02 {
	width:630px;
	height:70px;
	margin:0 auto;
	padding-top:30px;
	padding-left:10px;
	background-image:url(../free/img/text02-bg.jpg);
	background-repeat:no-repeat;
	}



.free-photo-box {/*550×413(4：3)写真*/
	z-index: 1;
	position: relative;
	width:600px;
	height:550px;
	margin:20px 0 0 40px;
	background-color:#FFFFFF;
	}



.free-photo-ribbon {/*550×413(4：3)写真*/
	z-index: 2;
	position: absolute;
	top: 10px;
	left: 200px;
	width:205px;
	height:115px;
	background-image:url(../free/img/pink-ribbon.png);
	}


.free-photo-text {/*550×413(4：3)写真*/
	position:absolute;
	top:500px;
	left:20px;
	width:580px;
	height:20px;
	}


.free-photo-kensyubetu {
	width:610px;
	height:auto;
	margin:20px 0 20px 30px;
	padding:10px 0 10px 10px;
	background-image:url(../free/img/free-kensyu-text.gif);
	}
	
.free-photo-kensyubetu td{
	padding:10px;
	line-height:200%;
	background-image:url(../free/img/free-kensyu-text.gif);
	}
	
	
.free-photo-box2 {/*550×367(3：2)写真*/
	z-index: 1;
	position: relative;
	width:600px;
	height:350px;
	margin:20px 0 0 40px;
	background-color:#FFFFFF;
	}



.free-photo-ribbon2 {/*550×367(3：2)写真*/
	z-index: 2;
	position: absolute;
	top: 25px;
	left: 280px;
	width:38px;
	height:38px;
	background-image:url(../free/img/clover.gif);
	}


.free-photo-text2 {/*550×367(3：2)写真*/
	position:absolute;
	top:250px;
	left:20px;
	width:580px;
	height:20px;
	}	




.free-photo-img {/*共通*/
	width:600px;
	height:550px;
	padding-top:50px;
	text-align:center;
	}

/****　フレンドシップ目次用追加分　******/
.fs-menber-row{
	 clear: both;
	 width:684px;
	 margin-bottom:30px;
	 	 }
		 
		
		
/****　SNSボタン用追加分　******/

#unisns{
	clear: both;
	margin:0px auto;
	padding:40px 0 0;
	width: 980px;
		}

#unisns li{
	list-style:none;
	float:left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	      }


/****　カゴ追加分　******/

#lp-otameshi-kago-01{
	background-image: url(../temp-img/cargo_3.jpg) ;
	background-repeat: no-repeat;
	width: 686px;
	height: 82px;
	padding: 0px;
	clear:both;
}

#lp-otameshi-kago-02{
	background-image: url(../temp-img/cargo_4.jpg) ;
	background-repeat: no-repeat;
	width: 332px;
	height: 69px;
	padding-top: 0px;
	padding-right: 37px;
	padding-bottom: 0px;
	padding-left: 317px;
	clear:both;
}

#lp-set-kago{
	background-image: url(../temp-img/cargo_5.jpg) ;
	background-repeat: no-repeat;
	width: 222px;
	height: 50px;
	padding-top: 138px;
	padding-right: 50px;
	padding-bottom: 44px;
	padding-left: 414px;
	clear:both;
}

#lp-ninki-kago{
	background-image: url(../temp-img/cargo_6.jpg) ;
	background-repeat: no-repeat;
	width: 222px;
	height: 50px;
	padding-top: 255px;
	padding-right: 35px;
	padding-bottom: 33px;
	padding-left: 429px;
	clear:both;
}
.dotted_box {
	border:dotted 1px #666;
	padding:10px 30px;
	margin: 20px;
}