@charset "utf-8";
@import "fonts.css";
@import "ranking.css";


/*	初期スタイル
+++++++++++++++++++++++++++++++++++++++++*/
.strong {font-weight: 700;}
img {border: none;}
#container {
	width: 798px;
	margin: 0 auto;
	overflow: hidden;
}
#container:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
#wrapper {background: url(/dinc/img/bg_wrapper.gif) 0 0 repeat-y;}
#wrapper:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

body {font-size: 13px; behavior:url("/dinc/css/csshover3.htc");}

a:hover {text-decoration: none;}

.b_sp10 {margin-bottom: 10px !important;}
.b_sp20 {margin-bottom: 20px !important;}
.b_sp30 {margin-bottom: 30px !important;}
.b_sp40 {margin-bottom: 40px !important;}

/*	ヘッダー
+++++++++++++++++++++++++++++++++++++++++*/
div#header-box {
	position: relative;
	width: 798px;
	height: 157px;
	background: url(../img/common/header.jpg) 0 0 no-repeat;
	margin: 0 auto;
}
div#header-box .logo {
	position: absolute;
	margin: 0;
	top: 17px;
	left: 10px;
}
div#header-box .logo a {
	display: block;
	width: 190px;
	height: 90px;
	text-indent: -3000px;
}
div#header-box h2 {
	float: left;
	text-indent: -3000px;
}
div#header-box ul {
	margin: 0;
	list-style: none;
	position: absolute;
	bottom: 6px;
	right: 115px;
}
div#header-box ul:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
div#header-box li {
	float: left;
	line-height: 15px;
	color: #fff;
}
div#header-box li a {
	font-size: 14px;
	padding-right: 10px;
	margin-right: 10px;
	color: #fff;
	border-right: 1px solid #fff;
}
div#header-box li a.last {border: none;}

/*	サイドメニュー
+++++++++++++++++++++++++++++++++++++++++ */
div#menu .ul_menu01 {position: relative;}
div#menu .ul_menu01,
div#menu .ul_menu02 {
	width: 197px;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
div#menu .ul_menu01 li a {
	color: #fff;
	font-size: 13px;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	text-decoration: none;
	border-top: 1px solid #fff;
	background: url(../img/common/bg_menu.jpg) 0 0 no-repeat;	
}
div#menu .ul_menu01 li a:hover {background-position: 0 -30px;}

div#menu .ul_menu02 li a {
	color: #000;
	font-size: 13px;
	display: block;
	height: 46px;
	line-height: 46px;
	padding-left: 25px;
	border-top: 1px solid #fff;
	text-decoration: none;
}
div#menu .ul_menu02 li.first a {background: url(../img/common/bg_menu2.jpg) 0 0 no-repeat;}
div#menu .ul_menu02 li.second a {background: url(../img/common/bg_menu3.jpg) 0 0 no-repeat;}
div#menu .ul_menu02 li.third a {background: url(../img/common/bg_menu4.jpg) 0 0 no-repeat;}
div#menu .ul_menu02 li.fourth a {background: url(../img/common/bg_menu5.jpg) 0 0 no-repeat;}
div#menu .ul_menu02 li a:hover {background-position: 0 -46px;}

div#menu .ul_menu01 li.sub a {
	color: #fff;
	font-size: 13px;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	text-decoration: none;
	background: url(../img/common/bg_submenu.jpg) 0 0 no-repeat;	
}
div#menu .ul_menu01 li.sub a:hover {background-position: 0 -30px;}
/* ランキング表示 */
div#menu .ranking {
	width: 197px;
	height: 215px;
	background: url(/dinc/img/common/img_menu2.gif) 0 0 no-repeat;
}
div#menu .ul_menu01 li.rank1-1 {
	position: absolute;
	display: block;
	width: 60px;
	height: 45px;
	top: 30px;
	left: 57px;
	text-indent: -3000px;
	z-index: 2;
}
div#menu .ul_menu01 li.rank1-2 {
	position: absolute;
	display: block;
	width: 45px;
	height: 60px;
	top: 20px;
	left: 140px;
	text-indent: -3000px;
}
div#menu .ul_menu01 li.rank2-1 {
	position: absolute;
	display: block;
	width: 60px;
	height: 45px;
	top: 95px;
	left: 57px;
	text-indent: -3000px;
}
div#menu .ul_menu01 li.rank2-2 {
	position: absolute;
	display: block;
	width: 45px;
	height: 60px;
	top: 85px;
	left: 140px;
	text-indent: -3000px;
}
div#menu .ul_menu01 li.rank3-1 {
	position: absolute;
	display: block;
	width: 60px;
	height: 45px;
	top: 160px;
	left: 57px;
	text-indent: -3000px;
}
div#menu .ul_menu01 li.rank3-2 {
	position: absolute;
	display: block;
	width: 45px;
	height: 60px;
	top: 150px;
	left: 140px;
	text-indent: -3000px;
}

div#menu .ul_menu01 li.rank1-1 a,
div#menu .ul_menu01 li.rank1-2 a,
div#menu .ul_menu01 li.rank2-1 a,
div#menu .ul_menu01 li.rank2-2 a,
div#menu .ul_menu01 li.rank3-1 a,
div#menu .ul_menu01 li.rank3-2 a {background: none !important; padding-left: 0; display: block; width: 100%; height: 100%; z-index: 2;}

div#menu .dl_menu01 {margin: 0 0 10px 0;}
div#menu .dl_menu01 dd {
	padding: 0 5px 5px;
	margin: 0;
	font-size: 13px;
}
div#menu .btn {
	width: 146px;
	height: 41px;
	margin-left: 20px;
	margin-bottom: 30px;
}
div#menu .btn a {
	display: block;
	height: 41px;
	text-indent: -3000px;
	background: url(/dinc/img/common/btn_menu1.jpg) 0 0 no-repeat;
}
div#menu .btn a:hover {background-position: 0 -41px;}

/* スタッフ紹介 */
div#menu .staff {margin-bottom: 10px;}
div#menu .staff:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div#menu .staff img {
	float: left;
	margin: 0 10px 0px 5px;
}
div#menu .staff strong {
	color: #0000FF;
	font-weight: normal;
}
div#menu .staff strong span {
	color: #FF3300;
	display: block;
}
div#menu .staff p {margin-top: 3px; padding: 0 3px;}

/* ご利用ガイド */
div#menu .guide li a {
	color: #000;
	background: url(../img/common/bg_guide.jpg) 0 0 no-repeat;	
}
div#menu .guide li a:hover {
	text-decoration: underline;
	background-position: 0 0;
}

/* さらに詳しく */
div#menu .detail {
	margin-left: 25px;
	margin-bottom: 30px;
}


/*	メインコンテンツ
+++++++++++++++++++++++++++++++++++++++++*/
#maintwo {
	padding-top: 5px;
}
#maintwo div.banner img {margin: 8px 0 0;}

/* アイキャッチ */
#maintwo .eyecatch {margin: 0 0 15px 7px;}
#maintwo .eyecatch img {margin-bottom: 0px;}
#maintwo p.eyecatch {text-align: right; margin-top: 0; margin-bottom: 20px; color: #ff0000;}
#maintwo p.eyecatch a {color: #ff0000;}

#maintwo .tbl_plan {
	display: block;
	margin: 0 0 15px 12px;
}
#maintwo .tbl_plan td {padding: 5px;}

#maintwo .tbl_designer {margin: 10px 0 25px 20px;}
#maintwo .tbl_designer td {padding: 10px;}
#maintwo .tbl_designer td img {margin-bottom: 5px;}

table.tbl_contact {width: 575px; margin-left: 10px; border-collapse:collapse; margin-bottom: 15px;}
table.tbl_contact th,
table.tbl_contact td {
	padding: 10px;
	text-align: left;
	border: 1px solid #cccccc;
}
table.tbl_contact th {
	width: 170px;
	color: #333333;
	background-color: #f2f2f2;
	text-align: right;
}
table.tbl_contact .ipt_name {
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 5px;
	width: 380px;
}
table.tbl_contact .ipt_mail,
table.tbl_contact .ipt_mail2 {
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 5px;
	width: 320px;
}
table.tbl_contact .ipt_mail2 {margin-top: 4px;}
table.tbl_contact textarea {
	border: 1px solid #cccccc;
	padding: 5px;
	font-size: 13px;
	width: 380px;
	height: 300px;
}
table.tbl_contact input:hover,
table.tbl_contact textarea:hover {background-color: #fff8e6; cursor: pointer;	}

.btn_confirm {
	width: 150px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}
.txtconfirm {
	margin: 0 !important;
	padding: 5px 5px 0;
	font-size: 12px;
	color: #333333;
}
.ttl {
	font-size: 16px !important;
	font-weight: bold;
	padding: 8px;
	border-left: 5px solid #F75F5E;
}
.note {
	font-size: 13px;
	margin: 0 0 0 15px !important;
	padding: 10px;
	line-height: 1.5em;
}
.red {color: red; font-size: 12px;}
.btn_confirm:hover {cursor: pointer;}

/* 新着表示 */
#maintwo .news {
	width: 580px;
	margin: 10px 0 10px 10px;
	background: url(../img/common/bg_news.jpg) 0 0 no-repeat;
}
#maintwo .news .news_inner {
	padding: 5px;
	background: url(../img/common/bg_news_bottom.jpg) 0 100% no-repeat;
	zoom: 1;
}
#maintwo .news_inner:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

#maintwo .news .news_inner .before {
	float: left;
	width: 320px;
	text-align: right;
	margin: 0;
	padding: 13px 0 7px 0;
	line-height: 13px;
	font-size: 11px;
}
#maintwo .news .news_inner .before a {color: red;}

#maintwo .news .news_inner ul {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
	zoom: 1;
	list-style: none;
}
#maintwo .news .news_inner li {
	padding-left: 8px;
	background: url(../img/common/icon_news.gif) 0px 7px no-repeat;
	zoom: 1;
}
#maintwo .news .news_inner li:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
#maintwo .news .news_inner li strong {
	width: 70px;
	float: left;
	font-family: Verdana;
	font-size: 10px;
}
#maintwo .news .news_inner li a {
}
#maintwo .news .news_inner li a.new {
	width: 245px !important;
	padding-left: 25px;
	background: url(../img/common/icon_new.gif) 0 5px no-repeat;
}

#maintwo .news .news_inner .image {float: right;}

/* DiNCのお約束 */
#maintwo .promise {
	width: 580px;
	margin: 10px 0 10px 10px;
	background: url(../img/common/bg_promise.jpg) 0 0 no-repeat;
}
#maintwo .promise_inner {
	padding: 50px 0 5px 10px;
	background: url(../img/common/bg_promise_bottom.jpg) 0 100% no-repeat;
}
#maintwo .promise:after,
#maintwo .promise_inner:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}
#maintwo .promise div {zoom: 1; float: left;}
#maintwo .promise div:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

#maintwo .promise_inner dl {
	float: left;
	width: 280px;
	margin: 0;
	padding-bottom: 4px;
}
#maintwo .promise_inner dt {
	float: left;
	width: 95px;
	margin-right: 2px;
}
#maintwo .promise_inner dd {
	float: left;
	width: 175px;
	margin: 0;
	line-height: 13px;
	text-align: left;
}

#maintwo .promise_inner dd strong {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	color: #660066;
}

/*	フッター
+++++++++++++++++++++++++++++++++++++++++*/
div#footer h2,
div#footer h3 {
	margin: 0;
	padding: 0;
}
div#footer {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

div.footer_inner {
	padding: 10px 10px 0;
	background-color: #CCCCCC;
	zoom: 1;
}
div.footer_inner:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div.footer_inner .footer_wrapper {width: 779px; background: url(../img/common/bg_footer1.jpg) 0 0 repeat-y; margin-bottom: 10px;}
div.footer_inner .footer_wrapper:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}

div.footer_inner .footer_wrapper .left_contents {
	float: left;
	width: 385px;
	text-align: center;
}
div.footer_inner .footer_wrapper .right_contents {
	float: right;
	width: 385px;
	text-align: center;
}

div.footer_inner .footer_wrapper p {padding-bottom: 5px; text-align: left;}
div.footer_inner .footer_wrapper p,
div.footer_inner .footer_wrapper .tbl_order {
	margin: 7px 5px 7px 15px;
	text-align: left;
	font-size: 13px;
}
div.footer_inner .footer_wrapper .tbl_order th,
div.footer_inner .footer_wrapper .tbl_order td {padding: 5px 10px 5px 0; vertical-align: top;}

.p_footer1 {text-align: center !important;}
.p_footer2 {
	margin: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
}
.p_footer2 a {
	margin-right: 5px;
	padding-right: 6px;
	border-right: 1px solid #333333;
}
.p_footer2 a.last {border: none;}

.p_footer3 {
	padding: 8px !important;
	background-color: #ED0100;
	color: #fff;
	line-height: 15px;
}