@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 { width: 700px; }

#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: 15px;
margin-bottom: 10px;
margin-left: 4px;
}

#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;
}

#yukata2010 p { margin-left: 8px; }

.txt_red { color: #f00; }

#thmlist {
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 2px;
}

#thmlist li {
float: left;
margin-bottom: 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*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: 5px;
margin-top: 5px;
margin-right: 0px;
margin-left: 0px;
}

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

#popup2010 p {
font-size: 100%;
display: block;
margin-bottom: 8px;
padding: 0px;
margin-top: 0px;
}

#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;
}