@charset "utf-8";
/* CSS Document */

/*###################################
#####################################
初期化・初期設定
#####################################
#####################################*/
*{
	margin: 0;
	padding: 0;
	text-indent: 0;
	border: none;
	text-decoration: none;
	list-style:none;
	font: small/150% "ＭＳ ゴシック", "Osaka－等幅";
	color: #333333;
}




/*###################################
共通パーツ設定
#####################################*/
.clear{
	clear:both;
	visibility: hidden;
	height: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	border-style: none;
}


.return {
	clear: both;
	height: 38px;
	text-align: left;
}
.return a {
	background: url(img/cmn_return.jpg) no-repeat 0 0;
	display: block;
	height: 38px;
	text-indent: -9999px;
	text-align: left;
	margin: 0px 0px 0px auto;
}
.return a:hover,
.return a:active {
	background: url(img/cmn_return.jpg) no-repeat 0 -38px;
	font-size: 1px;
}





.right {
	float: right;
}
.left {
	float: left;
}



/*###################################
.基本タグ
#####################################*/
html{
	height:100%;
}
body{
	background: #F9F9F9 url(img/bkimg.jpg);
	height:100%;
	text-align: center;
}

p{
	line-height: 150%;
	font-size:small;
}

table{
	margin: 0 auto 0 auto;
}
th {
	padding: 0;
	text-align: right;
	font-size: small;
	border-right: 3px solid #364B5C;
}
tr{}
td {
	padding: 0px;
	text-align: left;
	font-size: small;
	vertical-align: middle;
}

ul {}
ul li{
	text-align:left;
}

ol {
	margin-left: 24px;
}
ol li {
	list-style: decimal outside;
}

blockquote {
	color: #666666;
	padding: 10px;
}

a:link, a:visited{
	color: #0099FF;
}

a:hover, a:active{
	color: #9A6634;
	background: #E7E7E7;
}
strong{
	font-weight:900;
}




/*###################################
#####################################
基本レイアウト
#####################################
#####################################*/

#head {
	height: 96px;
	margin: 0;
	width: 700px;
	text-align: left;
	position: relative;
	background: url(img/head.jpg) no-repeat;
	vertical-align: bottom;
}
#navi {
	width: 700px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 37px;
	background: url(img/navi.jpg) no-repeat;
}
/*==========wrap*/
#wrap {
	width: 700px;
	margin: 0px auto;
	text-align: right;
	height: 100%;
	background: #F5F8F5;

}
/*#############
cssハック　ff対策
###############*/
body > #wrap {
        height: auto;
}
/* Mac IEは次の行を無視 \*/
* html #wrap {
	height:1%;	
}
/* IEに適用終了　ホーリーハック */





/*==========cntainer*/

#container {
	width: 700px;
	margin: 0;
	text-align: right;
	position: relative;
	padding: 37px 0 10px 0;
	background: no-repeat;
}
/* Mac IEは次の行を無視 \*/
* html #container {
	height:1%;	
}
/* IEに適用終了　ホーリーハック */




/*========== #cnt*/

#cnt {
	width: 751px;
	margin: 0px auto;
	background: #F9F9F9;
}





/*==========レイアウト*/



.main {
}
.side {
	width: 207px;
}
/*左メイン　右サイド*/
.ms-2clm .main {
	float: left;
}
.ms-2clm .side {
	float: right;
}

/*左サイド　右メイン*/
.sm-2clm .main {
	float: right;
}
.sm-2clm .side {
	float: left;
}







/*###################################
#####################################
ヘッダー
#####################################
#####################################*/
#head h1 {
	text-align: right;
	padding: 0;
	color: #CCCCCC;
	font-size: 14px;
	line-height: 16px;
	position: absolute;
	left: 21px;
	top: 31px;
}
#head p {
	text-align: left;
	font-size: 12px;
	color: #DBFCD6;
	padding-left: 20px;
	line-height: 16px;
}
#head ul {
	position: absolute;
	left: 524px;
	top: 25px;
}
#head  li {
	text-align: right;
	padding-bottom: 1px;
	font-size: 10px;
	padding: 0 0 1px 0;
	margin: 0;
}
#head li a {
	font-size: 10px;
	padding: 0;
	margin: 0;
}





/*###################################
#####################################
ナヴィゲーション
#####################################
#####################################*/
#navi li {
	display: block;
	float: left;
	height: 37px;
	width: 116px;
}
#navi li a {
	height:37px;
	display:block;
}









/*###################################
#####################################
メイン
#####################################
#####################################*/




/*###################################
#####################################
サイドバー
#####################################
#####################################*/




/*###################################
#####################################
フッター
#####################################
#####################################*/
#foot {
	width: 700px;
	margin: 0px auto;
	text-align: center;
	clear: both;
	background: url(img/foot.jpg) no-repeat;
	padding: 10px 0 10px 0;
}
#foot p {
	padding: 0 0 10px 0;
}
#foot address {
	padding: 0px 0px 0px 20px;
	color: #999999;
	text-align: left;
	font: 900 normal small Arial, Helvetica, sans-serif;
}
#foot a {
	font-size: 10px;
}



/*flashバナー*/
.flash {
	vertical-align: baseline;
}
.flash img {
}
.flash a {
	line-height: 18px;
}










/*########################################
##########################################
トップページ
#########################################
#########################################*/
/*お知らせ*/
.new {
	width: 340px;
	padding: 10px 0 0 0;
}
.new dl{
	height: 130px;
	overflow: auto;
	margin: 0 0 0 20px;
}
.new dt {
	text-align: left;
	font-weight: 900;
	color: #333333;
}
.new dd {
	text-align: left;
	padding-left: 12px;
}

/*バナー*/
.topbnr {
	margin: 0px 0px 0px 355px;
	padding: 10px 0px 0px;
	text-align: left;
}
#campaign  .main {
	margin: 0px auto;
	width: 660px;
	text-align: center;
	padding: 10px 0 0 0;
}
#campaign .campaign-ttl {
	background: url(img/campaign_ttl.jpg) no-repeat 0px 0px;
	width: 660px;
	height: 70px;
}
#campaign h2 {
	text-indent: -9999px;
	font-size: 1px;
}
#campaign .campaign-ttl p {
	text-align: right;
	padding: 13px 10px 10px 0px;
	font-size: x-small;
}
#campaign h3 {
	background: url(img/campaign_subttl.jpg) no-repeat;
	height: 37px;
	width: 660px;
	line-height: 37px;
	text-indent: 14px;
	font-size: 14px;
	font-weight: 900;
	text-align: left;
}
#campaign .box-tate {
	width: 100%;
	margin: 0px auto;
	padding: 5px 0 5px 0;
}
#campaign .box-tate a {
	border: 3px solid #F9ACB6;
	display: block;
	background: #FFF0F8;
}
#campaign .box-tate a:active,
#campaign .box-tate a:hover {
	border: 3px solid #F25165;
	display: block
: 3px solid #F25165;;
	background: #FFE8D0;
}
#campaign p {
	text-align: center;
}
#campaign p a {
	display: block;
	margin: 0px auto 20px;
	width: 205px;
	height: 28px;
	background: url(img/btn_tyumon.jpg) no-repeat;
	text-indent: -9999px;
}
#campaign p a:active,
#campaign p a:hover {
	background: url(img/btn_tyumon_f2.jpg) no-repeat;
}
#campaign .box-yoko {
	width: 100%;
	padding: 5px 0 5px;
}
#campaign .box-yoko a {
	border: 3px solid #F9ACB6;
	display: block;
	background: #FFF0F8;
}
#campaign .box-yoko a:active,
#campaign .box-yoko a:hover {
	border: 3px solid #F25165;
	display: block;
	background: #FFE8D0;
}
#campaign .return a:link,
#campaign .return a:visited,
.return a:link,
.return a:visited {
	display: block;
	margin: 0px 0px 0px auto;
	height: 22px;
	width: 96px;
	background: url(img/cmn_return.jpg) no-repeat;
}
#campaign .return a:hover,
#campaign .return a:active,
.return a:hover,
.return a:active {
	background: url(img/cmn_return.jpg) no-repeat 0 -22px;
}
.qr {
	padding: 0px 30px 5px 2px;
}
.qr .left {
	border: 1px solid #CCCCCC;
	margin: 3px 5px 0 15px;
}
.qr p {
	line-height: 180%;
	text-align: left;
}
.qr h2 {
	padding-bottom: 5px;
}
.cnt {
	background: #F5F8F5 url(img/cntbkimg.jpg) no-repeat;
}
#cntpage h2 {
	text-align: left;
	padding: 10px 0px 0px 20px;

	height: 100%;
	min-height: 70px;
	height: 100%;
}
#cntpage h3 {
	text-align: left;
	height: 37px;
	padding: 0px 0px 0px 40px;
	line-height: 37px;
	font-weight: 900;
	font-size: 14px;
}
#cntpage .product h3 {
	background: url(img/product_subttl.jpg) no-repeat 20px 0px;
	margin-top: 5px;
}
.productwrap {
	padding: 5px 0px 5px 60px;
	text-align: center;
}

/*################################*/
.productbox {
	width: 180px;
	float: left;
	text-align: center;
	margin-right: 18px;
	height: 200px;
	background: url(img/product_mat.jpg);
	border: 1px solid #7A6352;
}

/*モダンブラウザのみ適応（ie7,ff)*/
html>body .productbox{
	height:100%;
	min-height:200px;	
}
/*###############################*/


.productbox h4 {
	text-align: left;
	width: 90px;
	border-top: 5px solid #7A6352;
	padding: 6px 0px 5px;
	font-weight: 900;
	margin: 0 auto 0 auto;
	font-size: x-small;
}
.productbox p {
	color: #666666;
	font-size: x-small;
}
#cntpage .return {
	padding-right: 20px;
}


#cntpage .rental h3 {
	background: url(img/rental_subttl.jpg) no-repeat 20px 0px;
	font-size: 10px;
	margin-top: 30px;
}
.rental p {
	text-align: left;
	padding: 5px 20px;
}
#cntpage .rental h3 strong {
	font-size: 18px;
}
#cntpage .rental .productbox h4 {
	width: 150px;
	padding: 5px 0px;
}
.rental .photo {
	text-align: center;
	padding: 0px;
	margin: 0px auto;
}
.rental table {
	width: 93%;
	margin: 0 auto 0 auto;
}
.rental th {
	background: url(img/product_mat.jpg);
	border-bottom: 5px solid #7A6352;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	padding: 3px;
}
.rental td {
	background: #F2F2F2;
	padding: 10px 3px;
}
#cntpage .btn-otoi {
	text-align: center;
}
#cntpage .btn-otoi a {
	height: 44px;
	width: 140px;
	display: block;
	background: url(img/btn_otoi.jpg) no-repeat;
	text-align: left;
	text-indent: -9999px;
	margin: 0 auto 0 auto;
}
#cntpage .btn-otoi a:hover,
#cntpage .btn-otoi a:active{
	background: url(img/btn_otoi.jpg) no-repeat 0 -44px;
}
#cntpage .btn-otoi {
	padding:0;
}


#cntpage ul {
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
}
#cntpage ul li {
	background: url(img/cmn_point01.jpg) no-repeat 1px 6px;
	padding-left: 12px;
}


#cntpage .campany h3 {
	background: url(img/campany_subttl.jpg) no-repeat 20px 0px;
	font-size: 10px;
	margin-top: 10px;
}
.campany table {
	width: 93%;
	margin: 0 auto 0 auto;
}
.campany th {
	background: url(img/product_mat.jpg);
	border-bottom: none;
	border-top-style: none;
	border-left-style: none;
	text-align: left;
	padding: 1px 10px;
	border-right: 5px solid #7A6352;
	width: 90px;
}
.campany td {
	background: #F2F2F2;
	padding: 1px 1px 1px 10px;
}
#cntpage h4 {
	text-align: left;
	margin: 0px auto 3px auto;
	padding: 15px 5px 5px 17px;
	border-bottom: 1px solid #7A6352;
	font-weight: 900;
}
.campany p {
	text-align: left;
	padding-left: 20px;
}
.campany dl {
	text-align: left;
	padding: 10px 20px;
}
.campany dt {
	background: #EEEEEE url(img/cmn_listbkimg.jpg) repeat-y;
	text-indent: 15px;
	font-weight: 900;
	padding: 5px 0px;
}
.campany dd {
	padding: 5px 15px;
	background: #FFFEFB;
	margin-top: 3px;
	margin-bottom: 20px;
}
.campany ol {
	padding: 5px 20px;
	text-align: left;
}
.campany ol ol {
	padding-left: 0px;
}
.campany ol li {
	padding-bottom: 10px;
}
.campany #form1 .hitsu {
	width: 2px;
	background: #CC0000;
	text-indent: -9999px;
	padding: 0px;
	font-size: 1px;
}
.campany #form1 th {
	width: 200px;
}
textarea,
input {
	border: 1px solid #7A6352;
	background: #F7F3F0;
	padding: 3px;
	line-height: 100%;
}
.campany #form1 .haku {
	padding: 0px;
}
.red {
	color: #CC0000;
}
.campany #form1 .center {
	text-align: center;
}
.product {
	text-align: center;
}
#kyokabox {
	height: 260px;
}
.topleft {
	float: left;
	width: 340px;
}
.soryo #container {
	padding: 0px;
}
.topbnr li {
	float: left;
}
.qr strong {
	color: #FF0000;
}
#campaign dl,
.contact dl {
	text-align: left;
	padding: 5px 0px 0px 15px;
}
.contact dl {
	text-align: left;
	padding: 5px 20px 0px 40px;
}
#campaign dt {
	background: #FEEDF1;
	padding: 5px;
}
.contact dt {
	background: #FEEDF1;
	padding: 5px 5px 5px 5px;
	text-indent: 0px;
	font-weight: 100;
}
#campaign dd {
	padding: 5px;
	font: 900 14px Arial, Helvetica, sans-serif;
}
.contact dd {
	padding: 5px;
	font: 900 14px Arial, Helvetica, sans-serif;
	background: url(none);
	margin: 0;
}
#campaign ul {
	padding: 0px 0px 0px 15px;
}
#campaign ol {
	text-align: left;
	padding: 5px 5px 5px 25px;
	margin: 5px 0 10px 15px;
	border: 1px dotted #FDD2DC;
}
#campaign ol img {
	vertical-align: middle;
}
#campaign ol li {
	padding: 5px 0px;
}
.product p strong {
	font-size: medium;
}

.ex { margin:0 60px;}
.ex th { vertical-align:top; border:none; text-align:left; font-weight:bold; font-size:12px;}
.ex td { vertical-align:top; font-size:11px;}
.ex td h6 { text-decoration:underline; color:#050; font-size:12px;}
.ex td img { padding:2px; border:1px solid #666;}

#links {width:670px; margin:0 auto; padding-bottom:20px;}

#links a,
#links a:link,
#links a:active,
#links a:visited { color:#fff; text-decoration:underline; background:none;}
#links a:focus,
#links a:hover { text-decoration:none; background:none;}

#extLink {text-align:left; padding:2px;  margin:3px;}
#extLink p { text-align:center; margin:0.5em 0 ;}
#extLink p img { margin:0 1px;}