@charset "Shift_JIS";

/*======*/

html,body {F
margin: 0;
padding: 0;
}

.site_image {
width: 980px;
margin:0 auto;
}

.site_copyright {
text-align:center;
}
/*===初期設定===*/

body{
background: url(/img/head_bg.gif) repeat-x 0 0; /* ヘッダの背景設定 */
	color:#313131;
	margin:0;
	padding:0;	
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
	font-size:12px;
	line-height:133%;
}
body.child {
	background: url(/img/child_bg.gif) repeat-x 0 0; /* ヘッダの背景設定 */
}
ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
}
ul:after{
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
table{
	border-collapse:collapse;  
	border-spacing:0;  
}
th,td{
	margin:0;  
	padding:0;  
	font-style:normal;  
	font-weight:normal;  
	font-size:12px;
}
img{
	border:none;
	padding:0px;
	margin: 0px;
}
form{
	padding:0px;
	margin:0px;
}
#wapper{
	clear: both;
	width: 840px;
	margin: 0 auto;
	text-align:left;
	padding-bottom:12px;
}
a:link{
	color:#008000;
	text-decoration:none;
}
a:visited{
	color:#008000;
	text-decoration:none;
}
a:hover{
	color:#008000;
	text-decoration:underline;
}

.backimg {
    display: block;
    height: 0;
    overflow: hidden;
}

.mT10 {
    margin-top: 10px;
}
.mT20 {
    margin-top: 20px;
}
.mT30 {
    margin-top: 30px;
}

/* ======== */
/* clearfix */
/* ======== */

* html .clearfix {
    height: 1%;
}
* + html .clearfix {
    display: inline-block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .group {
    height: 1%;
}
* + html .group {
    display: inline-block;
}
.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* 
共通サイトサイズ：900px
*/


#header {
background: url() repeat-x 0 0; /* ヘッダの背景設定 */
}
#header #headerInner {
width:980px; /* 共通サイトサイズ */
margin: 0 auto;
}
/* === h1設定 === */
#header #headerInner #siteInfo {
height:24px;
padding-top:15px;
}
#header #headerInner #siteInfo h1{
display: inline;
font-weight: normal;
font-size:12px;
color:#333333;
float:left;
}
#header #headerInner #siteInfo ul {
padding-right: 10px;
}
#header #headerInner #siteInfo ul li{
float:right;
padding-left:10px;
}

/* === ロゴ・電話番号グループの設定 === */
#header #headerInner #midArea {
clear: both;
}

/* === ロゴエリア設定 === */
#header #headerInner #midArea ul.logoArea {
padding: 6px 0 0;
width: 304px;
float:left;
}

#header #headerInner #midArea ul.logoArea li {
float: left;
}

#header #headerInner #midArea ul.logoArea li.logo a {
background: url(/img/head_logo.gif) no-repeat;
height: 0;
overflow: hidden;
display: block;
width: 289px; /* === ロゴ幅 === */
padding: 50px 0 0; /* === ロゴ高さ === */
margin: 10px 0 0;
}

#header #headerInner #midArea ul.logoArea li.logoSide {
background: url(/img/logo_side.gif) no-repeat;
height: 0;
overflow: hidden;
display: block;
width: 79px; /* === ロゴ横幅 === */
padding: 56px 0 0; /* === ロゴ横高さ === */
}

/* === 電話番号エリア設定 === */

#header #headerInner #midArea div.menuArea {
padding: 12px 0 0;
width: 293px;
float: right;
}
#header #headerInner #midArea div.menuArea a{
background: url(/img/head_tel.gif) no-repeat;
height: 0;
overflow: hidden;
display: block;
width: 293px; /* === ロゴ幅 === */
padding: 50px 0 0; /* === ロゴ高さ === */
}

/* === サイト定義 === */
#contents {
width:980px; /* 共通サイトサイズ */
margin: 0 auto;
padding: 0 0 30px 0;
}

/* バナー設定 */

div#bnr{
position:relative;
margin-top:12px;
height: 324px;
width:980px;
background: url(/img/main_bnr.jpg) no-repeat;
}

.bnr_btn{
position:absolute;
top:249px;
left:11px;
}

.bnr_contents {
    margin: 5px auto 3px;
    padding: 0;
    width: 980px;
}

/* メニュー設定 */

div#navi {
    height: 52px;
    margin: 5px auto 5px;
    padding: 0;
    width: 980px;
}
body:first-of-type #navi ul.nl {
    margin: 0;
    padding: 1px 0 0;
}
div#navi ul.nl {
    height: 0;
    list-style-type: none;
    margin: -1px 0 0;
    padding: 0;
    text-align: center;
    width: 980px;
}

:first-child + html #navi ul.nl {
    padding-top: 1px;
}
#navi ul.nl {
    margin-top: 1px;
}
#navi ul.nl li {
    float: left;
}
#navi ul li a {
    height: 0;
    padding: 52px 0 0;
}
#navi .l1 a {
    background: url("/img/navi_bg.gif") no-repeat  0 0;
    width: 136px;
}
#navi .l2 a {
    background: url("/img/navi_bg.gif") no-repeat  -136px 0;
    width: 226px;
}
#navi .l3 a {
    background: url("/img/navi_bg.gif") no-repeat  -362px 0 ;
    width: 212px;
}
#navi .l4 a {
    background: url("/img/navi_bg.gif") no-repeat  -574px 0 ;
    width: 141px;
}
#navi .l5 a {
    background: url("/img/navi_bg.gif") no-repeat  -715px 0;
    width: 128px;
}
#navi .l6 a {
    background: url("/img/navi_bg.gif") no-repeat  -843px 0;
    width: 137px;
}

#navi .l1on a {
    background: url("/img/navi_bg.gif") no-repeat  0 -52px transparent;
    width: 108px;
}
#navi .l2on a {
    background: url("/img/navi_bg.gif") no-repeat  -136px -52px transparent;
    width: 226px;
}
#navi .l3on a {
    background: url("/img/navi_bg.gif") no-repeat  -362px -52px transparent;
    width: 212px;
}
#navi .l4on a {
    background: url("/img/navi_bg.gif") no-repeat  -574px -52px transparent;
    width: 141px;
}
#navi .l5on a {
    background: url("/img/navi_bg.gif") no-repeat  -715px -52px transparent;
    width: 128px;
}
#navi .l6on a {
    background: url("/img/navi_bg.gif") no-repeat  -843px -52px transparent;
    width: 137px;
}

#navi .l1 a:hover {
    background-position: 0 -52px;
}
#navi .l2 a:hover {
    background-position: -136px -52px;
}
#navi .l3 a:hover {
    background-position: -362px -52px;
}
#navi .l4 a:hover {
    background-position: -574px -52px;
}
#navi .l5 a:hover {
    background-position: -715px -52px;
}
#navi .l6 a:hover {
    background-position: -843px -52px;
}

/* ミドルナビ設定 */

div#middle_top {
    height: 110px;
    margin: 0 auto 10px;
    padding: 0;
    width: 900px;
}
body:first-of-type #middle_top ul.midUl {
    margin: 0;
    padding: 1px 0 0;
}
div#middle_top ul.midUl {
    height: 0;
    list-style-type: none;
    margin: -1px 0 0;
    padding: 0;
    text-align: center;
    width: 900px;
}

:first-child + html #middle_top ul.midUl {
    padding-top: 1px;
}
#middle_top ul.midUl {
    margin-top: 1px;
}
#middle_top ul.midUl li {
    float: left;
    padding-right:10px;
}
#middle_top ul li a {
    height: 0;
    padding: 110px 0 0;
}
#middle_top .li1 a {
    background: url("/img/middle_bnr1.jpg") no-repeat  0 0;
    width: 290px;
}
#middle_top .li2 a {
    background: url("/img/middle_bnr2.jpg") no-repeat  0 0;
    width: 290px;
}
#middle_top .li3 a {
    background: url("/img/middle_bnr3.jpg") no-repeat  0 0;
    width: 290px;
}

/* === メインコンテンツ === */

div#main {
    overflow: hidden;
    margin: 5px auto 5px;
    padding: 0;
    width: 980px;
}

div#main a:link{
	color:#FF9900;
	text-decoration:none;
}
div#main a:visited{
	color:#FF9900;
	text-decoration:none;
}
div#main a:hover{
	color:#FF9900;
	text-decoration:underline;
}

div#main_left {
float:left;
width:724px;
padding-right:16px;
}

div#main_right {
float:right;
width: 240px;
}

#main_left .main_tag {
    height: 0;
    margin: 0;
    padding: 27px 0 0;
    width: 723px;
}

#main_left #tag_section {background: url("/img/tag_section.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_dinoc {background: url("/img/tag_dinoc.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_pickup {background: url("/img/tag_pickup.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_contents {background: url("/img/tag_contents.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_film1 {background: url("/img/tag_film1.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_film2 {background: url("/img/tag_film2.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_film3 {background: url("/img/tag_film3.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_bath {background: url("/img/tag_bath.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_qa {background: url("/img/tag_qa.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_tel {background: url("/img/tag_tel.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_mail {background: url("/img/tag_mail.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_contact {background: url("/img/tag_contact.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_company {background: url("/img/tag_company.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_info {background: url("/img/tag_info.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_policy {background: url("/img/tag_policy.jpg") no-repeat scroll 0 0 transparent;}
#main_left #tag_sitemap {background: url("/img/tag_sitemap.jpg") no-repeat scroll 0 0 transparent;}

.pickBox {
padding:15px 0;
margin:0;
overflow:hidden;
}
.pickBox h3{
padding:0 0 10px;
margin:0;
}
.pickLeft {
width:170px;
text-align:center;
float:left;
padding:10px 10px 10px 0;
}

.pickRight {
width:540px;
float: right;
}

.pickTitle {
margin:0;
padding:15px 0;
}

.pickTxt {
line-height:1.6em;
}

/* === フッターコンテンツ === */

#toTop {
border-bottom:3px solid #52953A;
margin-bottom:2px;
padding-bottom:-2px;
line-height: 1em;
}

#pageTop {
text-align:right;
padding-right:80px;
width:960px;
margin:0 auto;
}

#footer_wrap {
margin:0;
padding:2px 0 0;
background-color:#52953A;
}

#footer {
overflow:hidden;
color:#FFF;
width:960px;
margin:0 auto;
padding:20px 10px 10px;
}

.foot_logo {
padding: 10px;
}

.footerLeft {
width:290px;
float:left;
}
.footerLeft p{
padding: 0 0 10px 0;
}
.footerRight {
text-align:center;
width:660px;
float:right;
padding-right: 10px;
}

.footerRight img{
margin: 5px 0;
}

p.category {
border:1px solid #FFF;
padding: 1px;
margin:10px 0;
width:660px;
}

p.category span{
color: #52953A;
width:660px;
text-align:center;
padding:10px 0 9px;
background-color:#FFF;
display: block;
}

.fnavi {
width:660px;
padding:10px 0;
border-bottom:1px solid #FFF;
}

.fnavi_bottom {
padding-top: 10px;
}

#footer a:link{
	color:#FFF;
	text-decoration:none;
}
#footer a:visited{
	color:#FFF;
	text-decoration:none;
}
#footer a:hover{
	color:#FFF;
	text-decoration:underline;
}
.copyright {
clear:both;
width:325px;
margin: 10px auto 0;
}

.sideCom {
padding: 10px 0;
}

.sideCom dt{
float:left;
width:30px;
padding-bottom: 10px;
}

.sideCom dd {
width:200px;
padding-left:40px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom: 1px solid #C0C0C0;
}

/* === アユザワ企画独自 === */

.mT10 {
margin-top:10px;
}

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

.pankuzu span , .pankuzu a {
color: #808080;
}


.side_contact {
text-align: center;
}

.side_contact p{
padding: 0 0 10px;
}

.contents {
padding:15px 0;
margin:0;
overflow:hidden;
}

.contents p.txt {
line-height: 1.6em;
padding:0 10px;
}

.contents dl.qa dt {
padding:6px 0 5px 6px;
background:#C6E8B5;
}
.contents dl.qa dd {
padding:6px 20px 5px 6px;
line-height:1.6em;
}

.sitelist {
line-height: 1.6em;
}

/* お問い合わせフォーム */

.contactform_wrap {
width: 723px;
padding: 10px;
background: #EEEEEE url("/img/mail_bg.png") no-repeat 500px 36px ;
border: 1px solid #fff;
}
.contactform {
width: 713px;
margin: 0 auto;
}
.contact_col {
margin-bottom: 15px;
}
.contactform label {
width: 500px;
padding-left: 2px;
}
.contactform span.required {
color: #FF9900;
}
.contact_input {
margin-top: 3px;
}
.contactform input {
padding: 0 15px;
width: 400px;
height: 36px;
border-style: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
color: #89897d;
font-family: "Lato";
font-size: 13px;
outline: none;
border: 1px #e5e8ec solid;
}

.contact_message {
margin-bottom: 15px;
}
.contactform textarea {
width: 663px;
height: 160px;
padding: 15px;
border-style: none;
background-color: #fff;
outline: none;
resize: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

{
display: block;
padding: 10px;
background: -webkit-gradient( linear, left top, left bottom, from(#85C15D), to(#75B442) );
border-radius: 4px;
color: #ffffff !important;
font-size: 16px;

}

p.submit_btn input {
width: 70%;
text-align: center;
margin: 20px auto;
border: 1px solid #69A041;
border-radius: 4px;
display: block;
padding: 12px 10px 11px;
background: -webkit-gradient( linear, left top, left bottom, from(#85C15D), to(#75B442) );
border-radius: 4px;
color: #FFFFFF !important;
text-shadow: 1px 1px 1px #69A041;
text-decoration: none;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}

/* table =================================== */

.contents .tableBox {
width: 100%;
line-height:1.6em;
background: #fff;
border-collapse: collapse;
border: 1px #DDF2D5 solid;
margin-bottom: 14px;
}

.contents .tableBox th {
background: #ECF8E7;
color: #333;
white-space: nowrap;
padding: 6px 12px;
border: 1px #DDF2D5 solid;
}

.contents .tableBox td {
padding: 6px 12px;
border: 1px #DDF2D5 solid;
}

.sitemap a {
color: #333333 !important;
}

/* film =================================== */

.contents_film {
padding:0 0 15px;
margin:0;
overflow:hidden;
}

.contents_film p.txt {
line-height: 1.6em;
padding:0 10px;
}

.contents_film dl.qa dt {
padding:6px 0 5px 6px;
background:#C6E8B5;
}
.contents_film dl.qa dd {
padding:6px 20px 5px 6px;
line-height:1.6em;
}

.contents_film .tableBox {
width: 100%;
line-height:1.6em;
background: #fff;
border-collapse: collapse;
border: 1px #DDF2D5 solid;
margin-bottom: 14px;
}

.contents_film .tableBox th {
background: #ECF8E7;
color: #333;
white-space: nowrap;
padding: 6px 12px;
border: 1px #DDF2D5 solid;
}

.contents_film .tableBox td {
padding: 6px 12px;
border: 1px #DDF2D5 solid;
}

.contents_film .w160 th {
width: 160px;
}

/* top_film_list =========================================== */

.section_contents .tag {
margin: 20px 0 10px;
}

.section_contents .txt {
width:714px;
line-height: 1.6em;
margin: 10px auto;
}

.section {
margin-left: 0;
margin-bottom: 20px;
}

.section li.first {
margin-left: 0;
}

.section li {
float: left;
display: inline;
margin-left: 17px;
}

p.link_right {
text-align: right;
padding-right: 10px;
}

div.item {
padding:0 0 10px;
margin:0;
overflow:hidden;
text-align:1.6em;
}

div.uv{
background: url("/img/uvcut.jpg") no-repeat right 46px ;
}

div.item h3{
padding: 0 0 3px 0;
margin:5px 0 10px;
border-bottom: 1px #e4e4e4 solid;
font-size: 16px;
font-weight: bold;
color: #333333;
}

div.item ul{
margin: 5px 6px;
}

div.item ul li {
margin-bottom:10px;
}

span.itemtxt {
font-size:12px;
color:#999;
}

.width420 {
width: 420px;
}
.gray {
color: #898989;
}

.bath_img {
margin:30px 0;
}