﻿@charset "utf-8";

body {
margin: 0;
padding: 0;
background-color: #fff;
color:#333;
font-family:'ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;
line-height: 1.6;
font-size:12px;
letter-spacing:0.1em;
}

html, body{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
margin: 1em 0;
padding: 0;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
line-height:1.6; 
}
p,li,dt,dl {
line-height:1.6; 
}
p {
margin:0 0 1em 0; 
}
ul li { 
list-style-type:none; 
}
a img {
border:0; 
}
a:link {
color:#a33131;
text-decoration:underline;
}
a:visited {
color:#a33131;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
a:active {
color:#a33131;
}

blockquote{
margin-left:1em;
padding-left:1em;
border-left:2px solid #CCC;
color:#CCC;
}
pre{
width:100%;
padding:1em 0;
overflow:auto;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}

table{
width:100%;
border-spacing:0px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

em{
font-style:normal;
font-weight:bold;
}
hr{
display:none;
}
img{
vertical-align:bottom;
}

/*///////////////////*/

.tSm{font-size:10px;}
.tRed{color:#a33131;}
.tGray{color:#666666;}
.tCaution{color:#FF3300;}
.tLg{font-size:14px;}

/*///////////////////*/
body {
text-align: center;
}
#wrapp{
width:100%;
background:url(../images/bg_main.gif) repeat-x top;
}
#contents{
width: 850px;
margin: 0 auto;
text-align: left;
}
#head{
text-align:center;
}
#head #logo{
width:850px;
height:86px;
padding-bottom:20px;
text-align:right;
}
#head #logoYume{
padding-top:33px;
float:left;
}
#head #logoChiso{
padding-top:60px;
}
#head #sgMenu img{
margin:0;
padding:0;
vertical-align:baseline;
}
#head #sgMenu img.menuLine{
display:block;
margin:0 auto;
}

#foot{
width:850px;
background:url(../images/top/line_w2.gif) repeat-x top;
padding-top:15px;
margin-bottom:25px;
}
#foot #cr01{
width:500px;
float:left;
font-size:10px;
}
#foot #cr01 img{
vertical-align:middle;
}
#foot #cr02{
float:right;
}

/***** side *****/
#sideNav{
float:left;
width:250px;
background:url(../images/top/line_w2.gif) repeat-y top left;
}
#sideNav ul{
margin-left:17px;
}
#sideNav li{
margin-bottom:15px;
padding-left:18px;
background:url(../images/arr01.gif) no-repeat left 2px;
}
#mainCont{
padding:50px 0;
}
#mainCont .column02{
float:left;
width:580px;
}

#sideNav .active{
font-weight:bold;
color:#666666;
}


/***** Index *****/
.index #sgMenu{
margin-top:7px;
}
.index #mainCont{
padding:25px 10px 20px;
}
.index #contents .column01{
width:405px;
padding-right:10px;
float:left;
}
.index #contents .column02{
float:right;
width:415px;
}
.index #contents h3{
margin:0 0 0.6em 0; 
}
.index .section{
margin-bottom:35px;
}
.index .section2{
margin-bottom:30px;
}
.index .column02 dl{
background:url(../images/top/line_w2.gif) repeat-x bottom;
padding:3px 0;
}
.index  .column02 .tRed{
background:url(../images/top/line_w2.gif) repeat-x bottom;
margin-bottom:3px;
padding:0 0 8px;
}
.index .column02 dt{
float:left;
}
.index .column02 dd{
margin-left:12em;
}
.index .btmLink{
margin-top:10px;
}
.index .kinu{
text-indent:-9999px;
width:372px;
height:129px;
background:url(../images/top/silk.jpg) no-repeat top left;
}


/***** Page *****/
#mainCont .column02 h2{
margin-bottom:25px;
}
.txtLead{
margin-bottom:25px;
}

/***** policy *****/
.policy .pTxt{
padding-left:25px;
margin-bottom:35px;
background:url(../images/bg_line_h1.gif) repeat-y top left;
}
.policy h3{
margin-bottom:1em;
}
.policy .tCap{
display:block;
margin-left: 1em; 
text-indent: -1em; 
}

/***** exibi *****/
.exibi .column02 .section .tRed{
background:url(../images/top/line_w2.gif) repeat-x bottom;
padding-bottom:7px;
}
.exibi .section{
margin-bottom:35px;
}
.exibi .period tr{
background:url(../images/top/line_w2.gif) repeat-x bottom;
}
.exibi .period td{
vertical-align:top;
padding:7px 7px 7px 0;
}
.exibi .period .tPink,
.exibi .period .tPink tr{
background-color:#F9EEEC;
}


/***** contact *****/
.contact .textArea{
font-size: 10px; 
color: #333333; 
border: none;
padding:5px;
}
.contact .form_btn{
text-align:left;
margin:25px 0;
}
.contact .form_btn div{
display:inline;
}
.contact #contactForm table{
width:580px;
margin-bottom:10px;
}
.contact #contactForm .subject td{
padding-left:15px;
background:url(../images/bg_line_h1.gif) repeat-y top left;
}

/***** store *****/
.store .tLg{
margin-top:25px;
}
.store .subject{
font-weight:bold;
color:#a33131;
background:url(../images/top/line_w2.gif) repeat-x bottom;
padding-bottom:7px;
margin-top:30px;
}
.store #storeList td{
width:140px;
}
.store .txtSupp{
margin-top:40px;
font-size:10px;
}
.store #storeList td.storeIcon{
	width:20px;
}


/***** stylebook *****/
.stylebook p.tCaution{
margin-left: 1em; 
text-indent: -1em;
margin-bottom:5px;
}
.stylebook #stylebookForm{
margin-top:40px;
}
.stylebook #stylebookForm .subject td{
padding-left:15px;
background:url(../images/bg_line_h1.gif) repeat-y top left;
}
.stylebook #stylebookForm .txtArea{
font-size: 10px; 
color: #333333; 
border: none;
padding:5px;
}
.stylebook #stylebookForm .actArea td{
padding:15px;
}
.stylebook #stylebookForm .selectStore table td{
padding:3px 15px;
}
.stylebook #stylebookForm .pStyle{
padding:15px;
}
.stylebook .form_btn{
text-align:left;
margin:25px 0;
}
.stylebook .form_btn div{
display:inline;
}

/***** furisode *****/
.furisode .txtLead{
background:url(../images/furisode/title_bg.jpg) no-repeat top right;
height:190px;
padding-top:20px;
}
.furisode #mainCont .column02 h2{
margin:0 0 35px;
}
.furisode .btnApp{
text-align:center;
margin-bottom:30px;
}
.furisode .flow{
width: 532px;
background:url(../images/furisode/arrow01.jpg) no-repeat top left;
padding:5px 0 15px 32px;
margin:0 0 25px 0;
}
.furisode .flow p{
margin-top:20px;
}
.furisode #flow_block img.fPhoto{
float: right;
margin:-31px 0 0 13px;
}
.furisode #flow_block img.photo_s{
float: right;
margin:10px 0 0 20px;
}
.furisode #flow_block #furisodeDcd{
background:url(../images/furisode/photo05_02.jpg) no-repeat right 40px;
margin-right:16px;
}

/***** furisode_contact *****/
.furisode .column02 dt{
padding-left:15px;
background:url(../images/bg_line_h1.gif) repeat-y top left;
margin:20px 0;
}
.furisode .form_btn{
text-align:left;
margin:25px 0;
}
.furisode .form_btn div{
display:inline;
}
#furisodeForm{
margin-top:40px;
}
#furisodeForm .subject td{
padding-left:15px;
background:url(../images/bg_line_h1.gif) repeat-y top left;
}
#furisodeForm .txtArea{
font-size: 10px; 
color: #333333; 
border: none;
padding:5px;
}
#furisodeForm .actArea td{
padding:15px;
}
#furisodeForm .selectStore table td{
padding:3px 15px;
}
#furisodeForm .pStyle{
padding:15px;
}
/***** formColor *****/
.contact .textArea,
.stylebook #stylebookForm .txtArea,
.stylebook #stylebookForm .actArea,
.stylebook #stylebookForm .actArea td,
#furisodeForm .txtArea,
#furisodeForm .actArea,
#furisodeForm .actArea td,
.column02 .ssnColor{
background-color:#f9eeec; 
}

#checkForm{
	margin-top:25px;
}
#checkForm td{
	padding-bottom:10px;
}
#checkForm td{
	font-size:12px;
}
#checkForm td.td_left_stylebook{
	color:#666;
	width:180px;
	font-weight:bold;
}




/***** Utility *****/

#formInfo{
	font-size:115%;
	font-weight:bold;
	padding-top:10px;
}
#formInfo span{
	font-size:80%;
}

