/* CSS Document */

* {box-sizing: content-box;}

body { margin: 0px; padding: 0; background: url("../images/common/back_body.gif"); text-align:center; font-family:"Hiragino Kaku Gothic Pro", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;}

form { margin:0;}

img { border: none;}

.clear { clear: both;}

h1,h2,h3,h4,h5,h6,b,DT,caption {
    font-family: "Hiragino Kaku Gothic Pro", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

a:link, a:visited { color:#11F}
a:active, a:hover { color:#F06;}


#sheet{
    position: relative;
    width:856px;
    padding-bottom: 20px;
    margin: 0 auto;
    text-align: left;
    background: #FFF url("../images/common/back_sheet.gif") repeat-y;
    }

a.small_news {
    display: block;
    position: absolute;
    margin: 8px 0 0 602px;
    padding: 1px 1px 0px 1px;
    font-size:11px;
    background: #FFF;
    }
    
#main #foot {
    margin: 5px 15px 15px 0;
    _margin-top:20px;
    padding: 6px;
    font-size: 12px;
    line-height: 150%;
    color: #222;
    text-align: center;
    border-top: double 0px #aaa;
    background: #f8f8f6;
    }

#main div.foot_banner {
    margin:10px 0 15px 30px;
    _margin:0px 0 5px 30px;
    } 
#main div.foot_banner a {
    display: block;
    margin-right: 5px;
    float: left;
    margin-bottom: 0;
    }


/*　ヘッドメニュー　-------------------------------------------------------------------------*/

.hide {
    visibility: hidden;
    }

#headmenu a {
    display: block;
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    }

#totop {
    background: url("../images/common/head/head_menu_top.gif") no-repeat;
    }
#tocart {
    background: url("../images/common/head/head_menu_cart.gif") no-repeat;
    }
#topay {
    background: url("../images/common/head/head_menu_pay.gif") no-repeat;
    }
#topresent {
    background: url("../images/common/head/head_menu_member.gif") no-repeat;
    }
  
#totop:hover {
    background-position: 0px -45px;
    }
#tocart:hover {
    background-position: 0px -45px;
    }
#topay:hover {
    background-position: 0px -45px;
    }
#topresent:hover {
    background-position: 0px -45px;
    }

div#small_navi {
    float: right;
    }
div#small_navi a {
    display: block;
    width: 6.5em;
    margin: 0 20px 18px 0;
    padding: 1px 2px 2px 2px;
    font-size:8px;
    text-decoration: none;
    text-align: center;
    font-family: "MS Gothic", "ＭＳ ゴシック";
    color:#FFF;
    background: #FF92b0;
    }

/*　サイドメニュー　-------------------------------------------------------------------------*/

#side {
    display: inline;
    width: 175px;
    margin: 10px 0 0 20px;
    float: left;
    }

#side DT,#side ul,#side ul li {
    margin: 0;
    padding: 0;
    }
    
#side DL.menu {
    margin: 0 0 4px 0;
    padding: 0;
    width: 175px;
    background: url("../images/common/side/side_menu_back.gif") repeat-y;
    }
    
#side DL.menu DT {
    display: block;
    background: url("../images/common/side/side_menu_top.gif") no-repeat;
    }
    
#side DL.menu DT img {
    margin: 9px 0 2px 10px; 
    }

#side DL.menu DD {
    margin: 0px;
    padding: 0 0 15px 0;
    background: url("../images/common/side/side_menu_bottom.gif") 0% 100% no-repeat;
    }

#side ul li {
    display: inline;
    list-style-type: none;
    }    

#side DL.menu DD a {
    display: block;
    margin: 0;
    padding: 4px 0 3px 0;
    text-decoration: none;
    color: #714F32;
    background: url("../images/common/side/side_menu_step.gif") 10px 45% no-repeat;
    }
    
#side DL.menu DD a:hover {
    background-position: 8px 45%;
    color: #f00;
    text-decoration: underline;
    }
    
#side DL.menu DD a span {
    display: block;
    margin: 0 0 0 25px;
    padding: 0;
    font-size: 12px;
    font-family: "ＭＳ ゴシック";
    line-height: 1.0em;
    }
    
#side DL.menu DD div.menu_line {
    margin:0 15px 0 10px;
    padding:10px 0 0 0;
    background:url("../images/common/line_side.gif") center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_hit {
    display: inline;
    padding-right:30px;
    background:url("../images/common/hit.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_new {
    display: inline;
    padding-right:35px;
    background:url("../images/common/new4.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_sale {
    display: inline;
    padding-right:35px;
    background:url("../images/common/sale.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_pickup {
    display: inline;
    padding-right:35px;
    background:url("../images/common/pickup.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_susume {
    display: inline;
    padding-right:34px;
    background:url("../images/common/susume.gif") right center no-repeat;
    }
    
DL.menu DD ul li a span div.icon_beginner {
    display: inline;
    padding-right:11px;
    background:url("../images/common/side/beginner.gif") right center no-repeat;
    }


#side DL.sub {
    width: 175px;
    padding: 10px 0;
    margin:0;
    border: solid 0px #ddd;
    font-size: 11px;
    line-height: 120%;
    color:#444;
    _overflow: hidden;
    }
#side DL.sub DT {
    margin: 0 0 0 0;
    }
#side DL.sub DD {
    margin: 0 23px 15px 10px;
    }
#side DL.sub DD a {
    color: #444;
    }

/*　サイドアイテムメニュー　-----------------------------------------*/

#side DL.menu_items {
    margin: 0 0 9px 0;
    padding: 0;
    width: 175px;
    }
    
#side DL.menu_items DT {
    display: block;
    }
    
#side DL.menu_items DT img {
    margin: 3px 0 2px 7px; 
    }
#side DL.menu_items DD {
    margin: 0px ;
    }

#side DL.menu_items DD a {
    display: block;
    margin: 0;
    padding: 3px 0 2px 0;
    text-decoration: none;
    color: #714F32;
    background: url("../images/common/side/side_menu_step_blue.gif") 7px 45% no-repeat;
    }
#side DL.menu_items DD a:hover {
    background-position: 5px 45%;
    color: #f00;
    text-decoration: underline;
    }
#side DL.menu_items DD a span {
    display: block;
    margin: 0 0 0 22px;
    padding: 0;
    font-size: 12px;
    font-family: "ＭＳ ゴシック";
    line-height: 1.0em;
    }





/* カレンダー -------------------------------------------------------------------------*/
#calendar {
    font-size: 11px;
    color: #444;
    border-collapse: collapse;
    border:none;
    }
#calendar CAPTION {
    font-size: 12px;
    font-weight:bold;
    text-align: center;
    padding-bottom:5px;
    color:#f90;
    }
#calendar CAPTION small {
    font-weight: normal;
    }
#calendar TD {
    text-align: center;
    width: 20px;
    padding: 3px 0 1px 0;
    border-bottom: solid 2px #f9f6f3;
    }
#calendar TH {
    font-weight: normal;
    text-align:center;
    }
#calendar .holi {
    color: #c00;
    }
#calendar TD.holi {
    background: #fc9;
    }
#calendar .gray {
    color: #999;
    background: #eee;
    }
    
/*　ページメイン　-------------------------------------------------------------------------*/

#main {
	position: relative;
	display: inline;
	width: 645px;
	float: right;
	margin: 10px 7px 0 0;
	font-size: 12px;
	_font-size: 75%;
    _overflow: hidden;
}

hr {
    margin: 0;
    padding: 0;
    visibility: hidden;
    }

/**************************************************************************************************
 clearfix
**************************************************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */


#main .pu_wrapper {
	width:590px;
	padding-left: 10px;
	padding-top: 8px;
}

#main h1.pointup {
	margin-top:30px;
}

#main .pu_head p {
	padding-left:20px;
	font-size:1.2em;
	font-weight:bold;
}

#main .pu_head span.before {
	display:block;
	margin-bottom:5px;
}

#main .pu_topic {
	margin-bottom: 35px;
}

#main .pu_topic p {
	margin:0;
	padding:0;
}

#main .pu_topic h2 {
	margin:0;
	padding:0;
	background-color:#0099FF;
	text-align:left;
	margin-bottom: 15px;
}

#main span.red {
	color: #f00;
	font-weight:bold;
}

/* ------------------------------------------------------------------------------------------------ */
/*  h1〜hx                                                                                         */
/* ------------------------------------------------------------------------------------------------ */
#main h1.itemTitle {
	padding:10px;
	text-align:left;
	text-shadow:2px 2px 2px #333;
	background-color:#FF92B0;
	color:#FFFFFF;
	border:solid 1px #FF5577;
	
}

#main h2.header2 {
	width:588px;
	padding:10px;
	margin-top:40px;
	text-align:left;
	border:solid 1px #000000;
	border-left:solid 10px #009900;
	background-color:#cfc;
	font-size:1.8em;
	font-weight:bold;
	color:#000;
}

#main h2.darkGreen {
	border-left:solid 10px #7D7D2B;
	background-color:#EEEDEB;
	/*text-shadow:#CFCF71 1px 1px 1px;*/
}

/* ------------------------------------------------------------------------------------------------ */
/*  section                                                                                         */
/* ------------------------------------------------------------------------------------------------ */
.section {
	width:620px;
	margin-top:20px;
	margin-left:0px;
	margin-bottom:15px;
	border:solid 1px #999;
	text-align:left;
}

	/* ---------------------------------------------------------------- */
	/*  subset                                                          */
	/* ---------------------------------------------------------------- */
	.noframe { border:none; }
	.green {
		border:solid 1px #360;
	}

.section .inner_section { padding: 15px 5px; }

.section .inner_section .left_column {
	width:290px;
	padding:0 10px;
	float:left;
	display:inline;
	line-height:1.2;
	background:url(../images/pronature/leaf_bg.png) left bottom no-repeat;
}

.section .inner_section .right_column {
	float:left;
	display:inline;
}

.section .inner_section .right_column p {
	text-align:right;
}

.section .inner_section .left_column p { color:#666; }

.section .inner_section .left_column p.title {
	padding-bottom:8px;
	border-bottom: dotted 1px #666;
	color:#006600;
	font-weight:bold;
}

.section .inner_section .left_column p.title:before {
	content:"■ ";
	color:#f90;
}


.section .inner_section p.head {
	border-bottom: dotted 1px #0000FF;
	padding-top:5px;
	padding-bottom:6px;
	font-size:120%;
	font-weight:bold;
}

.section .inner_section ol {
	vertical-align:middle;
	list-style:none;
}

.section .inner_section ol li {
	margin-bottom:10px;
	line-height:1.0;
	float:left;
	margin-right:20px;
	display:inline;
	padding-left:20px;
	background:url(../images/common/yajirusi4.gif) left no-repeat;
}

.section h3 {
	padding:5px;
	background-color:#999933;
	color:#fff;
	/*text-shadow:1px 1px 1px #000;*/
	-webkit-border-radius: 5px;
	-moz-border-raduis: 5px;
	-o-border-raduis: 5px;
	border-raduis: 5px;
	margin-top:30px;
}

.section ul li {
	list-style-type:none;
	background:url(../images/common/leaf.png) no-repeat;
	padding-left:15px;
	margin-bottom:15px;
	color:#666666;
	line-height:1.4;
	margin-left:-10px;
}

.section dl { padding-left:20px; }
.section dl dt { margin-bottom:5px;}

.section dl dd {
	margin-left:20px;
	margin-bottom:20px;
}

ol.section_index {
	margin-top:20px;
	padding-left:30px;
	text-align:left;
}

ol.section_index li {
	list-style-type:none;
	margin:10px 0;
	line-height:1.0;
	padding-left:20px;
	background:url(../images/common/leaf.png) left no-repeat;
}

/* ------------------------------------------------------------------------------------------------ */
/*  div.BannerCampaign - キャンペーン告知パネル                                                     */
/* ------------------------------------------------------------------------------------------------ */
.BannerCampaign {
	width:625px;
	height:120px;
	margin-bottom:30px;
	background:url(../images/common/bnr_campaign_base.gif) no-repeat;
}

.inner_BannerCampaign {
	padding-left:5px;
	padding-top:55px;
	font-size:1.2em;
	font-weight:bold;
}

.inner_BannerCampaign span{
	font-weight:bold;
	color:#f00;
}

/* ------------------------------------------------------------------------------------------------ */
/*  div.cautionBox - 注意喚起パネル                                                                 */
/* ------------------------------------------------------------------------------------------------ */
.cautionBox {
	width:625px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/common/caution_box.gif) no-repeat;
	background-color:#FFD6D6;
}

.inner_cautionBox {
	padding-left:10px;
	padding-top:40px;
	padding-bottom:10px;
}

/* ------------------------------------------------------------------------------------------------ */
/*  div.cautionBox - お知らせパネル                                                                 */
/* ------------------------------------------------------------------------------------------------ */
.InfoBox {
	width:625px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/common/info_box.gif) no-repeat;
	background-color:#FFD6D6;
}

.inner_InfoBox {
	padding-left:10px;
	padding-top:40px;
	padding-bottom:10px;
}

/* ------------------------------------------------------------------------------------------------ */
/*  div.OnDemandBox - お取り寄せパネル                                                                 */
/* ------------------------------------------------------------------------------------------------ */
.ondemandBox {
	width:625px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../images/common/ondemand_box.gif) no-repeat;
	background-color:#FFD6D6;
	font-size:1.05em;
	color:#666;
}

.inner_ondemandBox {
	padding:10px;
	padding-top:30px;
}

.inner_ondemandBox dl dt{
	font-size:1.10em;
	margin-top:15px;
}

.inner_ondemandBox dl dd {
	margin:0;
	margin-top: 5px;
	margin-bottom:10px;
	margin-left:25px;
}


.inner_cautionBox p { padding-top:5px; }

span.important{
	font-size:130%;
	font-weight:bold;
	color:#f00;
}

span.important2{
	font-size:110%;
	font-weight:bold;
	color:#FF0000;
}

.inner_cautionBox ul {
	margin-top:10px;
	float:left;
	display:inline;
}

.inner_cautionBox ul li{
	float:left;
	display:inline;
	padding-right:10px;
}

.totop {
	clear:both;
	width:625px;
	text-align:right;
	padding-top:10px;
}

/* ------------------------------------------------------------------------------------------------ */
/*  画像ズーム効果関連                                                                              */
/* ------------------------------------------------------------------------------------------------ */
div#photos                {overflow:auto; margin-left:40px;}
div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
div.photo a img           {border:1px solid #bbb; padding:1px;}
div.photo a img:hover			{border:1px solid #FF517C; padding:1px;}
p#turtles_caption         {margin:5px 0 0;}

div#text a                {font-weight:bold;}

div#zoom h2               {margin:10px 0 10px;}
div#zoom p                {line-height:1.6;}


/* ------------------------------------------------------------------------------------------------ */
/*  アイテム画面パンくず                                                                            */
/* ------------------------------------------------------------------------------------------------ */
span.upper_dir {
	display:block;
	width:625px;
	margin-bottom:10px;
	text-align:right;
}