﻿/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウトなど
----------------------------------------------------*/
body {
background-image:url(../images/share/body_bg.gif);
background-position:top;
background-repeat:repeat;
}

/* text link */

a:link {
color:#333333;
text-decoration:none;
}

a:visited {
color:#333333;
text-decoration:none;
}

a:hover {
color:#999999;
text-decoration:underline;
}

a:active {
color:#999999;
text-decoration:underline;
}


h3 {
margin-bottom:5px;
}
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

/*	clearfix　*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
    position:relative;/*for preview*/
}
.clearfix:after{/*for modern browser*/
    content:" ";/*for Netscape*/
    display: block;
    clear: both;
    height: 0;
}
* html .clearfix{
    display:inline-table;
    /**/display:block;/**/
}


.fsize_B {
font-size:14px;
}

.mgn_b20{
margin-bottom:20px;
}

.mgn_l20 {
margin-left:20px;
}

.list_check {
	margin-left:20px;
	font-size: 13px;
	line-height: 16px;
}

.list_check li {
	margin-left:10px;
	text-indent:-12px;
	margin-bottom: 8px;
	line-height: 18px;
}


.pageTop {
	clear: both;
	text-align: right;
}

/*----------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------*/
#top_header_bg{
background-image: url(../images/top/top_header_bg.gif);
background-position:top;
background-repeat:repeat-x;
}

#under_header_bg{
background-image: url(../images/share/under_header_bg.gif);
background-position:top;
background-repeat:repeat-x;
}

#header {
background-image:url(../images/share/header_bg02.gif);
background-position:top;
background-repeat:no-repeat;
}

#header h1 {
font-size:10px;
font-weight:normal;
}

#header #logo {
margin-left:30px;
}

#header #header_link {
margin-right:30px;
}

#header #header_link li {
float:right;
}

#navi {
margin-left:40px;
}

#header #header_link li a {
outline:none;
}

#navi li{
float:left;
margin-left:5px;
}
/*----------------------------------------------------
	#main_img
		メインイメージ
----------------------------------------------------*/
#main_img {
margin-top:5px;
width:800px;
margin-left:auto;
margin-right:auto;
padding-bottom:2px;
}

#under_main_img {
width:768px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
padding-top:10px;
padding-bottom:15px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#top_btn {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/share/con_bg_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#contents {
	width:800px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url(../images/share/con_bg_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-top: 0px;
	padding-top: 5px;
}

#top_con {
	margin-left:15px;
	background-color: #FFFFFF;
	vertical-align: top;
}
#top_con .s_con {
width:251px;
margin-right:6px;
float:left;
}

#top_con .s_con3 {
width:251px;
margin-right:5px;
float:right;
}

#top_con .s_con2 {
width:251px;
margin-right:6px;
float:left;
height:320px!important;
height/**/:350px;
}

#top_con .s_con p{
	margin-left:5px;
	text-align:left;
	font-size: 10px;
	line-height: 14px;
}
#top_con .s_con3 p{
	margin-left:5px;
	text-align:left;
	font-size: 10px;
	line-height: 14px;
}

#bnr_con {
	margin-left:auto;
	margin-right:auto;
	font-size: 10px;
	line-height: 14px;
	margin-top: 10px;
}

.bnr {
width:176px;
background-image:url(../images/top/bnr_bg.gif);
background-position:right;
background-repeat:repeat-y;
padding-right:13px;
}

.bnr_last {
width:176px;
}

.bnr p{
text-align:left;
margin-left:3px;
}


#page_title {
padding:15px 15px 0 15px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/share/con_bg_top.gif);
background-position:top;
background-repeat:no-repeat;
}

.column {
width:774px;
padding:5px 12px 0 14px;
text-align:left;
margin-bottom:20px;
}

.column p {
margin-left:10px;
}

.column ul {
margin-left:10px;
margin-bottom:1em;
}
/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */

#footer {
	background-color:#FFFFFF;
	background-image:url(../images/share/footer_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	padding-top:10px;
	margin-top:10px;
	padding-bottom:15px;
	font-size: 10px;
	line-height: 14px;
}

#footer_con {
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
line-height:1.4;
margin-bottom:10px;
}

/* -----------------------------------------------------------
	#price
		料金表ページ
----------------------------------------------------------- */
#price_border {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
#price_border01 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-color: #FDDA99;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding: 2px;
}

#price_border01_1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding: 2px;
}

#price_border02 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-color: #FBB533;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	padding: 3px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}

#price_border03 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	padding: 1px;
}

#price_border04 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
