@charset "utf-8";
@import url("reset.css");
/* =======================================

	base.css

========================================== */
body {
}
p {
	line-height: 1.5;
}
.logo {
	width:371px;
	height:124px;
	text-indent:-9999px;
}
.telephone {
	width:450px;
	height:148px;
	text-indent:-9999px;
}
/* header
========================================== */
#header {
	background: url("../../img/base/header_bg_01.png") repeat-x;
	padding-top: 15px;
	width:100%;
	margin-bottom: 20px;
}
#header #h01_wrapper {
	width:960px;
	margin:0 auto;
}
#header #h01_wrapper h1 {
	font-size:13px;
	margin-bottom:10px;
}
#header #h01_wrapper #header_logo {
	float:left;
	text-indent:0;
}
#header #h01_wrapper #header_telephone {
	background: url("../../img/base/header_img_01.png") 50% 0 no-repeat;
	float:right;
}
#header #nav {
	clear: both;
	width:100%;
	background: url("../../img/base/gnavi_bg_01.png") repeat-x;
	height:67px;
}
#header #nav ul {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
#header #nav li {
	float:left;
	width:192px;
	height:67px;
	margin:0;
}
/* content
========================================== */
#content {
	background: #FFFFFF;
	width: 960px;
	margin:0px auto 30px auto;
}
#content div, #content div div, #content div div h3 {
	margin-bottom:20px;
}
#content #l_content {
	width: 700px;
	float: left;
	margin-right:20px
}
#content #r_content {
	width: 240px;
	float: right;
}
#content #r_content div {
	height:240px;
}
#content #r_content div h4 {
	text-align: center;
	padding-top:10px;
}
#content #r_content div p {
	padding:10px;
}
#content #r_content #r_section01 {
	background: url("../../img/base/side_bg_01.png") no-repeat;
	height:255px !important;
}
#content #r_content #r_section01 h4 {
	padding-top:2px !important;
}
#content #r_content #r_section02 {
	background: url("../../img/base/side_bg_02.png") no-repeat;
}
#content #r_content #r_section02 p {
	padding-right:0px;
}
#content #r_content #r_section02 #coment {
	background:#005F8C;
	color:#ffffff;
	width:200px;
	margin: 0px auto;
	text-align: center;
	padding:3px 10px !important;
}
#content #r_content #r_section03 {
	background: url("../../img/base/side_bg_03.png") no-repeat;
}
#content #r_content #r_section03 p {
	padding:8px 0 0 6px !important;
 /margin-bottom:-20px !important;
}
#content #r_content #r_section03 #r_section03_img {
	width:218px;
	height:88px;
	margin:auto;
}
#content #r_content #r_section04, #content #r_content #r_section04 p {
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}
#content #page_top {
	width: 960px;
	height:30px;
	clear:both;
	text-align:right;
}
/* footer
========================================== */
#footer {
	background: url("../../img/base/footer_bg_01.png") repeat-x #f2f2f2;
	padding-top: 20px;
	clear: both;
	height: 180px;
}
#f_wrapper {
	width:960px;
	margin:0px auto;
}
#l_footer {
	float:left;
	width: 589px;
}
#l_footer #f_nav {
	width:100%;
	height:15px;
	margin-bottom:20px;
}
#l_footer #f_nav li {
	list-style-position:inside;
	float:left;
	width:auto;
	height:13px;
	margin-right:10px;
}
#l_footer #f_nav li img {
	vertical-align: top;
}
#l_footer #f_nav li a:link, #l_footer #f_nav li a:visited {
	color: #333;
	text-decoration:none;
}
#l_footer #f_nav li a:hover {
	color: #333;
	text-decoration:underline;
}
#l_footer #footer_telephone {
	clear:both;
	background: url("../../img/base/footer_img_01.png") no-repeat;
	width:450px;
	height:148px;
	float:left;
}
#footer_logo {
	background: url("../../img/base/footer_logo_01.png") no-repeat;
	width:371px;
	height:124px;
	float:right;
}
/* a link
========================================== */
a {
	color:#005F8D;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
#nav a:hover img {
	opacity:1.0;
	filter:alpha(opacity=100)!important;
}
/* サイドコンテンツ　料金リンク
============================================ */

.pricebox {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#005F8D;
	color:#FFF;
	padding:10px;
	margin-bottom:15px;
}
.pricebox h2 {
	padding-bottom:5px;
	font-size:1.3em;
}
.pricebox a {
	color:#005F8D;
	text-align:center;
	display:block;
	border:1px dotted #FFF;
	padding:8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#D6E4F0;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:5px;
}
.pricebox a:hover {
	background:#005F8D;
	color:#FFF;
}