@charset "utf-8";

/*/////////////////////////////////////////

>>design.css

Description: design.

Create Date: 2009/06/25

Copyright (C) Hygahiga All Rights Reserved.

/////////////////////////////////////////*/

/*========================================/

LastUpdate: 2009/../..

=========================================*/

/*
-------------------------------------------
###########################################
お悩み
###########################################
-------------------------------------------
*/


/*
-------------------------------------------
###########################################
main
###########################################
-------------------------------------------
*/

/* content
=========================================*/

#main #content{
background:url(../img/ch_bg_repeat.gif) repeat-y;
}

#main #content-bg-bottom{
padding: 0 0 40px 0;
background:url(../img/ch_bg_bottom.gif) no-repeat bottom left ;
}

#main #content #nayami-doc{
height: 130px;
width:610px;
margin: 30px 0 0 0;
padding: 10px 0 0 70px;
background:url(../img/nayami_doc_bg.jpg) no-repeat top right;
}

#main #content #nayami-doc p{
margin: 0 10px 0 100px;
}
#main #content #nayami-doc p img{
vertical-align:middle;
}

#main #content #nayami-doc p strong{
font-size:14px;
}
#main #content #nayami-doc p span{
margin: 0 10px 0 0;
font-size:10px;
}

#main #content #nayami-doc p.intro{
padding: 10px 0 0 0;
color:#a79482;
border-top: 1px dotted #CCCCCC;
}
/*
osusume
.........................................*/
#content #content-bg-bottom #osusume {
	width: 630px;
	margin-left: 57px;
	padding: 10px 0 0 0;
	background-image: url(../img/nayami_osusume_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#content #content-bg-bottom #osusume #osusume_bottom {
clear: both;
width: 630px;
height: 9px;
background: url(../img/nayami_osusume_bottom.gif) no-repeat bottom;
}
#content #content-bg-bottom #osusume #osusume_l {
	float: left;
	width: 252px;
	background-color: #E8DEE7;
}
#content #content-bg-bottom #osusume #osusume_l .com_box {
border: solid 1px #C6ACC7;
background-color: #fff;
margin-left: 7px;
padding: 2px 2px 0 2px;
width: 240px;
}
#content #content-bg-bottom #osusume #osusume_l .com_box .com .com_bg {
	background-color: #E2CCE2;
	padding: 2px 2px 2px 4px;
	width: 65px;
	float: left;
	font-size: 12px;
	color: #333;
}
#content #content-bg-bottom #osusume #osusume_l .com_box .com {
	padding: 2px ;
}
#content #content-bg-bottom #osusume #osusume_l .com_box .com .com_txt {
	float: right;
	width: 156px;
	padding: 2px;
	font-size: 12px;
	color: #000;
}
#content #content-bg-bottom #osusume #osusume_l .com_box .com .com_clear {
clear: both;
}
#content #content-bg-bottom #osusume #osusume_l #osusume_txt {
	font-size: 12px;
	line-height: 18px;
	margin-left: 9px;
	width: 232px;
	padding: 5px 5px 11px 5px;
}
#content #content-bg-bottom #osusume #osusume_l #osusume_txt .f12b {
font-size: 12px;
font-weight: bold;
color: #600060;
}
#content #content-bg-bottom #osusume #osusume_r {
float: right;
width: 365px;
background-color: #fff;
margin-right: 9px;
}
#content #content-bg-bottom #osusume #osusume_r .bold {
font-weight:bold;
font-size: 14px;
color: #333;
}
#content #content-bg-bottom #osusume #osusume_r p {
padding: 2px 10px;
font-size: 12px;
line-height: 20px;
}
#content #content-bg-bottom #osusume #osusume_r img.button {
	margin: 5px 0 10px 176px;
}

/* catgory top
.........................................*/

#main #content #cattop-head{
background:url(../img/nayami_hd_bg.jpg)  no-repeat top left ;
}

#main #content #cattop-head h2{
padding: 100px 0 0 70px;
font-size:16px;
color:#600060;
}
#main #content #cattop-head p{
padding: 5px 40px 20px 70px;
color:#999999;
}

#main #content #nayami-list{
padding: 0 0 0 70px;
background:url(../img/nayami_list_bg.jpg) no-repeat top center;
}

#main #content #nayami-list #list-left{
width:160px;
padding: 30px 0 0 0;
float:left;
}
#main #content #nayami-list #list-left h3{
height: 30px;
}

#main #content #nayami-list #list-left p{
height: 80px;
}

#main #content #nayami-list #list-right{
width:160px;
padding: 0 60px 0 0;
text-align:right;
float:right;
}
#main #content #nayami-list #list-right h3{
height: 30px;
}

#main #content #nayami-list #list-right p{
height: 80px;
text-align:left;
}


/* page
.........................................*/

#main #content #content-head{
background:url(../img/nayami_page_bg.jpg)  no-repeat top left ;
}

#main #content #content-head h2{
padding: 30px 10px 10px 60px;
}
#main #content #content-head p{
padding: 0 40px 20px 60px;
color:#999999;
}

/* 
.........................................*/

#content #content-bg-bottom #osu {
	width: 630px;
	margin-left: 57px;
	padding-bottom: 10px;
	background-image: url(../img/nayami_osu_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#content #content-bg-bottom #osu #osu-top-box {
	width: 630px;
	height: 172px;
	margin: 0;
	background: url(../img/osu-top-bg.gif) repeat-y bottom right;
}
#content #content-bg-bottom #osu #osu-top-box #osu-img {
	float: left;
}
#content #content-bg-bottom #osu #osu-top-box #osu-title {
	float: right;
	width: 481px;
	background: url(../img/nayami_osu_title.gif) no-repeat top right;
}
#content #content-bg-bottom #osu #osu-top-box #osu-title .mid {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #6E0070;
	padding: 52px 0 12px 90px;
}
#content #content-bg-bottom #osu #osu-top-box #osu-title .price {
	background-color: #E8DEE7;
	padding: 8px 0 0 20px;
}
#content #content-bg-bottom #osu #osu-txt-bg {
	width: 600px;
	margin-left: 10px;
	padding: 0 10px;
	background-color: #E8DEE7;
}
#content #content-bg-bottom #osu #osu-txt-bg #osu-txt-bk {
	background-color: #FFFFFF;
	padding: 10px;
}
#content #content-bg-bottom #osu #osu-txt-bg #osu-txt-bk .txt-l {
	float: left;
}
#content #content-bg-bottom #osu #osu-txt-bg #osu-txt-bk .txt-r {
	width: 430px;
	float: right;
	color: #333333;
}
#content #content-bg-bottom #osu #osu-txt-bg #osu-txt-bk .txt-r .bold {
	font-size: 14px;
	font-weight: bold;
}
#content #content-bg-bottom #osu #osu-txt-bg #osu-txt-bk .txt-r img.button {
	margin: 20px 0 0 248px;
}
#content #content-bg-bottom #osu #osu-txt-bg #osu-txt-bk .txt-clear {
	clear: both;
}


