﻿#kyoto_head{
	background:#8c0c0b;
	padding:6px 0 6px 20px;
	color	:white;
}
#kyoto_head a:link, #kyoto_head a:active, #kyoto_head a:hover, #kyoto_head a:visited {
	color: white;
	text-decolation: none;
	border-bottom :none;
}
#wrap_kyoto a:link, #wrap_kyoto a:active, #wrap_kyoto a:hover, #wrap_kyoto a:visited {
	text-decolation: none;
	border-bottom :none;
}


section#info > h1,
section#faq_box > h1 {
    color: #8c0c0b;
    font-size: 30px;
    margin-top: 20px;
}
section#faq_box h3.question,
section#info h3.info {
    border-bottom: 1px solid #EAE7E2;
    cursor: pointer;
    padding: 5px 15px;
}
section#faq_box h3:first-of-type,
section#info h3:first-of-type {
    border-top: 1px solid #EAE7E2;
}
section#faq_box h3.question.active,
section#info h3.info.active {
    background: #8c0c0b;
    border: none;
    color: #fff;
}
section#faq_box div.con_answer,
section#info div.con_info {
    max-height: 0;
    height: 0;
    overflow: hidden;
}
section#faq_box div.con_answer.active,
section#info div.con_info.active {
    border-bottom: 1px solid #EAE7E2;
    max-height: 1000px;
    height: auto;
}

/*header*/
#header {
	width: 100%;
	margin: 0px;
	padding-top: 0px;
}

.product
{
	width: 916px;
	height:100px;
	margin: 20px 0px 0px 0px;
	padding-top: 0px;
	border-width: 2px;
	border-style: solid;
	border-color:#EAE7E2;
	background-image:url(../img/logo.png);
}
#index{
	float:left;
	padding:15px 0px 0px 595px;
	width:60px;
	height:60px;
	line-height:60px;
}
#faq{
	float:left;
	padding:15px 0px 0px 45px;
	width:72px;
	height:72px;
}

#faq_box{
	padding:15px 0px 0px 0px;
}


#buy{
	float:left;
	width:72px;
	height:72px;
	padding:15px 0px 0px 25px;
}


/*common*/
.fl_r{
	float:right;
}
.fl_l{
	float:left;
}


.txt_r{
	text-align:right;
}
.txt_c{
	text-align:center;
}
.txt_l{
	text-align:left;
}
.pd_t_120{
	padding-top: 120px;
}
.pd_b_25{
	padding-bottom: 25px;
}
.pd_b_45{
	padding-bottom: 45px;
}
.mg_t_45{
	margin-top:45px;
}
.nowrap{
	white-space:nowrap;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* contents */

#pankuzu {
	width: 100%;
	background-color: #8c0c0b;
	color: #fff;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
}
#pankuzu span{
	padding: 0px 0px 0px 40px;
}
#pankuzu a {
}

#contents {
	padding: 40px 40px 20px 40px;
	background-color: #fffBF4;
	border-width: 2px;
	border-style: solid;
	border-color:#EAE7E2;
}
#contents h2 {
	padding-bottom: 40px;
}
.banner {
	padding-left	:55px;
	padding-bottom	:20px;
}

.p1 {
	background-image:url(../img/top_p1.png);
	background-repeat: no-repeat;
	width:840px;
	height:260px;
}
.p2 {
	background-image:url(../img/top_p2.png);
	background-repeat: no-repeat;
	width:840px;
	height:260px;
}
.p3 {
	background-image:url(../img/top_p3.png);
	background-repeat: no-repeat;
	width:840px;
	height:260px;
}

#detail{
	padding:200px 0px 0px 350px;
}

/*main*/
#wrap_kyoto {
	width: 920px;
	margin: 20px auto 0 auto;
	text-align: left;
	padding: 0px;
	background-color: #fff;
}


#container h1 {
	font-size: 12pt;
	margin: 0px;
	padding:2px 0px 5px 0px;
}
/*style*/
.font_size_xxs{
	font-size: xx-small;
}
.font_size_xs{
	font-size: x-small;
}
.font_size_s{
	font-size: small;
}
.font_size_l{
	font-size: large;
}

.font_style_bold{
	font-weight:bold;
}

.color_blue{
	color: #0000FF;
}
.color_red{
	color: #f00;
}



/* TEXT */
.txt_uline_red {
	color : red;
	text-decoration:underline;
}
.txt_uline_bule {
	color : blue;
	text-decoration:underline;
}
.txt_uline_yellow {
	color : yellow;
	text-decoration:underline;
}
.txt_uline_purple {
	color : #6600CC;
	text-decoration:underline;
}
.txt_uline_green {
	color : green;
	text-decoration:underline;
}
.txt_uline_none {
	color:#333;
	text-decoration:underline;
}


.list01 td {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px #808080 solid;
}
.bgc_01 {
	background-color: #fc6;
}
.bgc_f90 {
	background-color: #f90;
}
.pd_all10px {
	padding: 10px;
}

/*width*/
.wd10px{
	width: 10px;
}
.wd20px{
	width: 20px;
}
.wd30px{
	width: 30px;
}
.wd40px{
	width: 40px;
}
.wd50px{
	width: 50px;
}
.wd60px{
	width: 60px;
}
.wd70px{
	width: 70px;
}
.wd80px{
	width: 80px;
}
.wd90px{
	width: 90px;
}
.wd100px{
	width: 100px;
}
.wd200px{
	width: 200px;
}
.wd300px{
	width: 300px;
}
.wd400px{
	width: 400px;
}
.wd500px{
	width: 500px;
}
.wd600px{
	width: 600px;
}
.wd700px{
	width: 700px;
}
.wd800px{
	width: 800px;
}