@charset "utf-8";

div.page p {
margin:0 0 15px 0
}

div.page p.center {
text-align:center;
line-height:180%;
}

table.yukata_08 {
width:99%;
margin-bottom:10px;
}

table.yukata_08 td {
width:33%;
text-align:left;
vertical-align:top;
padding:30px 0 0 0;
font-size:100%;
}

table.ne_08 {
margin-bottom:10px;
}

table.ne_08 td {
padding:0 10px 0 0;
text-align:center;
vertical-align:top;
font-size:smaller;
}

.w60 {
width:60px;
}

.w100 {
width:100px;
}

.w110 {
width:110px;
}

.w140 {
width:140px;
}

.w170 {
width:170px;
}

.w200 {
width:200px;
}

.w250 {
width:250px;
}

.w290 {
width:290px;
}

.w400 {
width:400px;
}

div.btm {
margin:0 0 30px 0;
float:left;
width:550px;
}

div.btm2 {
margin:0 0 20px 0;
float:left;
width:600px;
}

div.odekake {
margin:0 10px 5px 0;
float:left;
width:260px;
}

div.furoshiki {
float:left;
width:112px;
padding-right:2px;
font-size:smaller;
}

div.page dl dt {
float:left;
clear:both;
width:80px;
padding:2px 0;
}

div.page dl dd {
width:400px;
padding:2px 0;
}

p.caution {
font-size:smaller;
}

.font01 {
color:#993399;
}

.font02 {
color:#cc0000;
}

.font03 {
font-size:smaller;
}

.font04 {
font-size:small;
}

.font05 {
color:#006699;
}

.fleft {
float:left;
}

.fright {
float:right;
}

.image_v {
vertical-align:middle;
}

.mr10 {
margin-right:10px;
}

.mr20 {
margin-right:20px;
}

.mb5 {
margin-bottom:5px;
}

.mb10 {
margin-bottom:10px;
}

.mb20 {
margin-bottom:20px;
}

.mb40 {
margin-bottom:40px;
}

.mr5_mb5 {
margin:0 5px 5px 0;
}

.txtind40 {
text-indent:40px;
}

.pb20 {
padding-bottom:20px;
}

.clear {
clear:both;
}

/*========================================
2010yukata
========================================*/

#yukata2010 {
}

#yukata2010 h2 {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010mainphoto.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 504px;
width: 694px;
display: block;
}

#yukata2010 h3 {
display: block;
height: 26px;
margin-top: 25px;
margin-bottom: 15px;
}

#yukata2010 h3.subttl2010_01 {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010title01.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#yukata2010 h3.subttl2010_02 {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010title02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.txt_red {
color: #f00;
}

#thmlist {
display: block;
padding: 0px;
list-style-type: none;
margin-bottom: 15px;
float: left;
width: 700px;
clear: both;
}

#thmlist li {
width: 160px;
float: left;
}

#thmlist li a {
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
padding-top: 165px;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 20px;
text-decoration: none;
color: #333;
}

#thmlist li a:hover {
text-decoration: underline;
}

#thmlist .thm001 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm01.jpg);
}

#thmlist .thm002 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm02.jpg);
}

#thmlist .thm003 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm03.jpg);
}

#thmlist .thm004 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm04.jpg);
}

#thmlist .thm005 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm05.jpg);
}

#thmlist .thm006 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm06.jpg);
}

#thmlist .thm007 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm07.jpg);
}

#thmlist .thm008 a {
background-image: url(../yorinuki/img/2010yukata/yorinuki_2010thm08.jpg);
}

#txtlist {
list-style-type: none;
padding: 0px;
color: #666;
font-size: 92%;
}

#txtlist li {
margin-bottom: 3px;
}

/*2010yukata Popup*/
#popup2010 {
width: 350px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 12px;
color: #333;
line-height: 150%;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

#popup2010 img {
display: block;
padding: 0px;
margin: 0px;
}

#popup2010 h1 {
font-size: 125%;
font-weight: bold;
display: block;
padding: 0px;
margin-bottom: 8px;
}

#popup2010 h2 {
display: block;
font-size: 100%;
font-weight: normal;
margin-bottom: 8px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}

#popup2010 p {
font-size: 100%;
display: block;
padding-left: 10px;
margin-bottom: 4px;
}

#popup2010 ul {
display: block;
list-style-type: none;
padding: 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
clear: both;
float: left;
}

#popup2010 ul li {
float: left;
}

#popup2010 ul li.left1 {
margin-right: 4px;
}

#popup2010 ul li.left2 {
margin-right: 2px;
}

#popup2010 ul li.left3 {
margin-left: 2px;
}

#popup2010 ul li.left4 {
margin-left: 4px;
}

#popup2010 .s_txt {
font-size: 10px;
font-weight: normal;
}

/*==================================================
yorinuki 2011
==================================================*/

#yukata2011 {}

#yukata2011 h2 {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011mainphoto.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 504px;
width: 694px;
display: block;
margin: 0px;
padding: 0px;
}

#thmlist2011 {
display: block;
padding: 0px;
list-style-type: none;
width: 686px;
clear: both;
margin-left: 3px;
}

#thmlist2011 ul {
clear: both;
margin: 0px;
padding: 0px;
}

#thmlist2011 li {
float: left;
}

#thmlist2011 li a {
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
padding-top: 170px;
margin-bottom: 20px;
text-decoration: none;
color: #333;
width: 220px;
}

#thmlist2011 li.lef a {
margin-right: 13px;
}

#thmlist2011 li.cen a {
margin-right: 13px;
}

#thmlist2011 li .rig {}

#thmlist2011 li a:hover {
text-decoration: underline;
}

#thmlist2011 .thm001 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_01.jpg);

}

#thmlist2011 .thm002 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_02.jpg);
}

#thmlist2011 .thm003 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_03.jpg);
}

#thmlist2011 .thm004 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_04.jpg);
}

#thmlist2011 .thm005 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_05.jpg);
}

#thmlist2011 .thm006 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_06.jpg);
}

#thmlist2011 .thm007 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_07.jpg);
}

#thmlist2011 .thm008 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_08.jpg);
}

#thmlist2011 .thm009 a {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011_09.jpg);
}

#yukata2011 h3 {
display: block;
height: 26px;
margin-top: 10px;
margin-bottom: 15px;
}

#yukata2011 h3.subttl2011_01 {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011title01.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#yukata2011 h3.subttl2011_02 {
background-image: url(../yorinuki/img/2011yukata/yorinuki_2011title02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

/*POPUP2011*/
#popup2011 {
width: 350px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 12px;
color: #333;
line-height: 150%;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

#popup2011 img {
display: block;
padding: 0px;
margin: 0px;
}

#popup2011 h1 {
font-size: 125%;
font-weight: bold;
display: block;
padding: 0px;
margin-bottom: 8px;
}

#popup2011 h2 {
display: block;
font-size: 100%;
font-weight: normal;
margin-bottom: 8px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}

#popup2011 p {
font-size: 100%;
display: block;
padding-left: 10px;
margin-bottom: 4px;
}

/*POPUP09*/

#popup2011_child {
width: 424px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 12px;
color: #333;
line-height: 150%;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

#popup2011_child .top {
display: block;
clear: both;
float: left;
width: 100%;
margin-bottom: 10px;
}

#popup2011_child .top_left {
float: left;
}

#popup2011_child .top_right {
float: right;
}

#popup2011_child h1 {
font-size: 125%;
font-weight: bold;
display: block;
padding: 0px;
margin-bottom: 8px;
}

#popup2011_child h2 {
display: block;
font-size: 100%;
font-weight: normal;
margin-bottom: 8px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 0px;
}

#popup2011_child ul {
display: block;
list-style-type: none;
padding: 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
clear: both;
}

#popup2011_child ul li {
float: left;
width: 100px;
text-align: center;
margin-bottom: 1em;
display: block;
}

#popup2011_child ul li.left1 {
margin-right: 8px;
}

#popup2011_child ul li.left2 {
margin-right: 4px;
}

#popup2011_child ul li.left3 {
margin-left: 4px;
}

#popup2011_child ul li.left4 {
margin-left: 8px;
}

/*POPUP WIDE*/
#popup2011_wide {
width: 860px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
font-size: 12px;
color: #333;
}

#popup2011_wide .top {
padding-bottom: 30px;
clear: both;
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

#popup2011_wide .bottom {
margin: 0px;
padding: 0px;
}

#popup2011_wide .left {
display: block;
clear: left;
float: left;
text-align: center;
width: 275px;
}

#popup2011_wide .center {
float: left;
width: 293px;
}

#popup2011_wide .right {
clear: right;
float: left;
text-align: right;
width: 292px;
}

#popup2011_wide h2 {
font-size: 117%;
font-weight: bold;
display: block;
padding: 0px;
margin-bottom: 4px;
}

#popup2011_wide p {
font-size: 92%;
display: block;
margin-bottom: 4px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;
}

#popup2011_wide .tx_left {
text-align: left;
padding-right: 1.5em;
padding-bottom: 1em;
}

#popup2011_wide .tx_right {
text-align: right;
padding-left: 1.5em;
padding-bottom: 1em;
}

/*POPUP Column*/
#popup2011_column {
width: 420px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
font-size: 12px;
color: #333;
}

#popup2011_column h2 {
font-size: 117%;
font-weight: bold;
display: block;
padding: 0px;
margin-bottom: 4px;
margin-top: 0.5em;
}

#popup2011_column p {
font-size: 92%;
display: block;
margin-bottom: 4px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;
}

#popup2011_column p span {
display: block;
padding-top: 1em;
}

#popup2011_column .bo1 {
width: 205px;
display: block;
float: left;
margin-right: 10px;
margin-bottom: 15px;
}

#popup2011_column .bo2 {
width: 205px;
display: block;
float: left;
margin-bottom: 15px;
}

#popup2011_column .bo3 {
width: 205px;
display: block;
float: left;
margin-right: 10px;
margin-bottom: 15px;
}

#popup2011_column .bo4 {
width: 205px;
display: block;
float: left;
margin-bottom: 15px;
}