@charset "shift-jis";

/* -------------------------------------------------------
	* Date : 2006-12
	* File : second.css
	* Copyright (c) ichihara Co,Ltd.all rights reserved.
------------------------------------------------------- */

/*

	*01 heading
	*02 link
	*03 sec_base
	*04 about
	*05 item_common
	*06 qa
	*07 guide
	*08 flow
	*09 sitemap
	*10 policy
	*11 fee
	*12 howto
	*13 kyoto
	
*/

/*-----------------------------------------------
	*01 heading
-------------------------------------------------*/

h1{
	width:550px;
	height:38px;
	line-height:2.4em;
	background:url(../img/h1.gif) no-repeat;
	color:#fff;
	font-size:14px;
	text-indent:15px;
	margin-bottom:3px;
}

h2{
	clear:both;
	width:550px;
	height:34px;
	color:#D30000;
	font-size:14px;
	line-height:2.2em;
	text-indent:30px;
	margin-bottom:7px;
	background:url(../img/h2.gif) no-repeat;
}

h3{
	clear:both;
	width:530px;
	height:20px;
	color:#ff5f36;
	font-size:12px;
	line-height:16px;
	text-indent:20px;
	margin-bottom:7px;
	background:url(../img/h3.gif) no-repeat;
	margin-left: 10px;
}

/*-----------------------------------------------
	*02 link
-------------------------------------------------*/
#navi dt a:link,#navi dt a:visited{
	color: #78962E;
}


#navi dt a:hover, #navi dt a:active{
	color: #F6780A;
}

#navi dd a:link,#navi dd a:visited{
	color: #ff5f36;
}

#navi dd a:hover, #navi dd a:active{
	color: #D30000;
}

/*-----------------------------------------------
	*03 sec_base
-------------------------------------------------*/

.path{
	font-size:10px;
	margin-bottom:5px;
}


.img-left{
	float:left;
	margin-right:7px;
	margin-bottom:10px;
}

.img-right{
	float:right;
	margin-left:7px;
	margin-bottom:7px;
	margin-right: 7px;
}

.detail{
	margin:0px;
	text-indent:22px;
	background:url(../img/arrow.gif) no-repeat 170px 2px;
	padding-bottom: 7px;
}
.detail-2{
	margin:0px;
	text-indent:35px;
	background:url(../img/arrow.gif) no-repeat 10px 2px;
	padding-bottom: 7px;
}
.detail-3{
	margin:0px;
	text-indent:22px;
	background:url(../img/arrow.gif) no-repeat 270px 2px;
	padding-bottom: 7px;
}
.p10{
	font-size:12px;
	color: #666;
}

.color-red{
	color: #f00;
}

p.note{
	color: #f00;
	margin-bottom:0px;
}

.bottom {
	vertical-align: bottom;
}

/*---  table  ---*/

.cell{
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.cell th,
.cell td{
	font-weight: normal;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.cell th{
	vertical-align: top;
	padding: 10px 5px;
	background: url(../img/th_bg.gif) no-repeat;
}

.cell td{
	padding: 5px 5px;
}

/*---  navi  ---*/

#navi{
	clear:both;
	width:550px;
	padding-bottom:6px;
	background:url(../img/navi_btm.gif) no-repeat left bottom;
	margin-bottom: 10px;
}

#navi dl dt{
	width:550px;
	height:37px;
	line-height:2.4em;
	font-size:14px;
	text-indent:32px;
	font-weight:bold;
	background:url(../img/navi_item.gif) no-repeat;
}

#navi dl dd{
	border-left:1px solid #A7C857;
	border-right:1px solid #A7C857;
	padding: 3px 0px 0px 7px;
}

#navi dl dd a{
	padding-left:15px;
	background:url(../img/arrow_navi.gif) no-repeat left center;
}

/*---  info/set  ---*/

#info{
	width:550px;
	clear: both;
	background: url(../img/info_tail.gif) no-repeat left bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

#info dl{
	width:550px;
	background:url(../img/info_bg.gif) repeat-y left bottom;
}

#info dl dd{
	padding-top: 5px;
	padding-left: 12px;
}

.set {
	background: url(../img/set_bg.gif) repeat-y;
	width: 550px;
	margin-bottom: 10px;
}
.set .tail {
	line-height: 1px;
	font-size: 1px;
	background: url(../img/set_tail.gif) no-repeat left bottom;
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
}
.set h2 {
	height:31px;
	text-indent:0px;
	clear: both;
}
.mg6 {
	margin-right: 6px;
}


/*-----------------------------------------------
	*04 about
-------------------------------------------------*/

.about {
	width: 550px;
	clear: both;
	margin-left: 4px;
	margin-bottom: 10px;
}

.about dt {
	background: url(../img/about_dt.gif) no-repeat;
	height: 17px;
	text-indent: 12px;
	color: #515151;
	font-weight: bold;
	margin-bottom: 10px;
}

.about ul {
	margin-left: 170px;
}

.about li {
	background: url(../img/about_dd.gif) no-repeat left center;
	line-height: 18px;
	height: 18px;
	text-indent: 18px;
}

div.rinen {
	background: url(../img/rinen_bg.jpg) no-repeat right top;
	height: 174px;
	width: 550px;
	margin: 0px;
	
}
div.rinen p{
	width: 330px;
}

div#profile{
	width:540px;
	margin-left:10px;
	margin-bottom:15px;
}

div#profile p{
	width:136px;
	float:left;
	margin:0px;
}

div#profile dl{
	font-size:10px;
	line-height:1.5em;
	padding-top:30px;
	width:380px;
	float:right;
}

div#profile dl dt{
	width:60px;
	float:left;
	color:#c00;
	font-weight:bold;
}

div#profile dl dd{
	width:320px;
	float:left;
}

table.friend{
	margin:0px 7px 15px;
}

table.friend td{
	width:134px;
}

/*-----------------------------------------------
	*05 item_common
-------------------------------------------------*/
.attention {
	margin-bottom: 6px;
}

.attention li {
	font-size: 10px;
	margin-left: 24px;
}

.buy {
	background: url(../img/buy.gif) no-repeat;
	height: 42px;
	font-weight: bold;
	margin-left: 7px;
	margin-bottom: 12px;
}
.buy p {
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
.buy td {
	text-indent: 8px;
}

.buy select {
	border: 1px solid #7f9db9;
}

.buy .price {
	color: #d30000;
	padding-top: 3px;
}

.buy .add{
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
}

.price .p10 {
	font-weight: normal;
	color: #666666;
}

.buy-btn {
	background: url(../img/buy_btn.gif) no-repeat center center;
	height: 28px;
	width: 137px;
	border-style: none;
}

div#notice ul {
	list-style: disc;
	margin:0px 0px 10px 30px;
}

/*---  item-info  ---*/

table.item-info{
	text-align: left;
	width: 515px;
	margin: 10px 0px 15px 7px;
	clear: both;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

table.item-info th,
table.item-info td{
	vertical-align: top;
	padding: 5px 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

table.item-info th{
	font-weight: normal;
	vertical-align: top;
	width: 120px;
}

table.item-info th{
	background: url(../img/th_bg.gif) no-repeat;
}


/*---  item-box  ---*/

.item-box{
	width:540px;
	margin:0px 0px 15px 7px;
}

.item-box p{
	margin:0px 0px 3px;
}

.item-img{
	width:156px;
	float:left;
}

.item-img img{
	margin-bottom:5px;
}

.item-img .detail{
	background-position:0px 2px;
}

.item-cart{
	width:376px;
	float:right;
}

.item-cart .buy{
	margin-left:0px;
	margin-bottom:4px;
}


/*-----------------------------------------------
	*06 qa
-------------------------------------------------*/

#qa .red {
	font-weight: bold;
}

#qa a {
	font-weight: bold;
}

.list {
	margin-top: 12px;
	margin-bottom: 16px;
	background: url(../img/list_bg.gif);
	width: 550px;
	vertical-align: top;
}

.list ul {
	background-image: url(../img/list_head.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	padding-top: 4px;
}

.list li {
	background-image: url(../img/list_under.gif);
	background-repeat: repeat-x;
	line-height: 22px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	background-position: center bottom;
}

.list a {
	background-image: url(../img/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;
	height: 22px;
	font-weight: bold;
}

.list li.end {
	background-image: none;
}

#qa dt {
	background-image: url(../img/q.gif);
	background-repeat: no-repeat;
	line-height: 31px;
	text-indent: 32px;
	height: 38px;
	color:#3e3e3e;
	font-weight:bold;
	margin-bottom: 4px;
}

#qa dd {
	background-image: url(../img/a.gif);
	background-repeat: no-repeat;
	padding-left: 32px;
	background-position: 6px 0px;
	margin-bottom: 20px;
	padding-right: 12px;
	padding-top: 3px;
}

.list .bottom {
	line-height: 0px;
	font-size: 0px;
}

/*-----------------------------------------------
	*07 guide
-------------------------------------------------*/
.guide {
	clear: both;
}
.guide .p10 {
	line-height: 1.4em;
}
.guide dt {
	background: url(../img/about_dt.gif) no-repeat;
	height: 17px;
	text-indent: 12px;
	color: #515151;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 4px;
}

.guide dd {
	margin-bottom: 10px;
	margin-left: 12px;
}

.guide .froat {
	background: #fff2ec;
	width: 500px;
	height: 40px;
}

.guide .froat li {
	float: left;
	margin-left: 10px;
	color: #d70000;
	font-weight: bold;
	margin-top: 10px;
}

.guide2 {
	margin-left: 12px;
	margin-bottom: 12px;
}

.guide2 li dt {
	background: none;
	border: 1px solid #F13A4F;
	margin-bottom: 6px;
	line-height: 24px;
	margin-top: 6px;
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	width: 270px;
}

/*-----------------------------------------------
	*08 flow
-------------------------------------------------*/

div#flow{
	width: 550px;
	margin-bottom: 20px;
}

div#flow h2{
	width: 550px;
	height: 34px;
	background: url(../img/h2_flow.gif) no-repeat;
	margin: 0px;
}

div#flow p{
	background: #FAEAE1;
	margin: 0px;
	padding: 6px 12px 10px;
}

/*-----------------------------------------------
	*09 sitemap
-------------------------------------------------*/
div#sitemap{
	width: 550px;
	margin-bottom: 10px;
}

div#sitemap ul.first{
	text-indent: 50px;
}

div#sitemap ul.first li.first-bg{
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 0px 65px;
	width: 480px;
	text-indent: 30px;
	background: url(../img/sitemap_first.gif) no-repeat;
}

div#sitemap ul.second{
	text-indent: 30px;
	margin: 10px 0px;
}

div#sitemap ul.second li{
	width: 385px;
	margin: 10px 0px;
	font-weight: normal;
}

div#sitemap ul.second li.second-wht,
div#sitemap ul.second li.second-pnk{
	line-height: 23px;
	margin: 2px 0px 2px 95px;
	background: url(../img/sitemap_second.gif) no-repeat;
}

div#sitemap ul.second li.second-pnk{
	background: url(../img/sitemap_second.gif) no-repeat #FEF6F6;
}

div#sitemap ul.third{
	text-indent: 120px;
}

div#sitemap ul.third li{
	text-indent: 25px;
	width: 230px;
	margin: 0px 0px 0px 90px;
	background: url(../img/sitemap_third.gif) no-repeat;
}

/*-----------------------------------------------
	*10 policy
-------------------------------------------------*/

div#policy ul {
	list-style: disc;
	margin:0px 0px 10px 30px;
}


/*-----------------------------------------------
	*11 fee
-------------------------------------------------*/

.area th,
.area td{
	line-height: 1.2em;
	padding: 7px;
}

.area2 th,
.area2 td {
	line-height: 1.2em;
	padding: 7px;
	text-align:center;
}


.area th,
.area2 th {
	font-weight: bold;

}
.area td.price,
.area2 td.price {
	color: #d30000;
	font-weight: bold;
}

/*-----------------------------------------------
	*12 howto
-------------------------------------------------*/

.material {
	margin-left: 12px;
}

.material dt {
	font-weight: bold;
	float: left;
	width: 80px;
}

.material dd {
	margin-left: 80px;
	font-weight: bold;
	color: #ec6666;
}

.attention {
	margin-left: 12px;
}

.attention dt {
	float: left;
	color: #ec6666;
}

.attention dd {
	margin-left: 50px;
}

/*-----------------------------------------------
	*13 kyoto
-------------------------------------------------*/

h1.kyoto{
	background-image:none;
	margin:0px;
	height:66px;
	padding:0px;
	text-indent:0px;
}

p.komachi{
	padding-left:90px;
	background: url(../img/kyoto_komachi.gif) no-repeat;
}

p.gonzo{
	padding-left:90px;
	background: url(../img/kyoto_gonzo.gif) no-repeat;
}

p.fujiko{
	padding-left:90px;
	background: url(../img/kyoto_fujiko.gif) no-repeat;
}
p.kimunee{
	padding-left:90px;
	background: url(../img/kyoto_kimunee.gif) no-repeat;
}
/* float_clear_Hack */

p.gonzo,
p.fujiko,
p.komachi
p.kimunee{
	min-height:1%; /* IE7 */
}

p.gonzo:after,
p.fujiko:after,
p.komachi:after,
p.kimunee:after,
#job ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

p.gonzo,
p.fujiko,
p.komachi
p.kimunee{
	display: inline-table;
}

/* *Hides from IE-mac �_*/
* html p.gonzo,
* html p.fujiko,
* html p.komachi
* html p.kimunee{
	height: 1%;
}

p.gonzo,
p.fujiko,
p.komachi
p.kimunee{
	display: block;
}
/* *End hide from IE-mac */

/* float_clear_Hack */