@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 120%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
}

th,
td {
}
th {
}
td {
}

p { margin: 0 0 1em; }



/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	text-align: center;
	color:#333;
	background:url(../images/background.jpg) repeat-x;
	background-color:#F5F5F5;
}

#subpages {
	text-align: center;
	color:#333;
	background:url(../images/sub_background.jpg) repeat-x;
	background-color:#F5F5F5;
}		

#wrapper {
	margin:0 auto;
	text-align:left;
	width:902px;
}

#main {
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width:902px;
	height:144px;
	position:relative;
}

#header h1 {width:231px; height:67px; position:absolute; left:48px; top:36px;}

#header p{padding-top:5px; color:#FF6600;}

#header p.btn_inq {width:287px; height:92px; position:absolute; top:10px; right:20px;}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear:both;
	height:30px;
	color:#FFF;
	text-align:center;
	background-color:#C61722;
}

#footer a{color:#FFF;}

#footer address {
	line-height:30px;
	}



/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

.container {
}



/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	margin-bottom:20px;
	width:233px;
	float:left;
	display:inline;
}

#navi p {margin:5px 0;}

#navi ul{margin-bottom:15px;}

#navi li.nav01,#navi li.nav01 a{
	width:233px;
	height:26px;
	display:block;
	background:url(../images/navi01_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav01 a:hover,#navi li.nav01 a:active{
	background:url(../images/navi01_on.jpg) 0 0 no-repeat;
	}

#navi li.nav02,#navi li.nav02 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi02_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav02 a:hover,#navi li.nav02 a:active{
	background:url(../images/navi02_on.jpg) 0 0 no-repeat;
	}

#navi li.nav03,#navi li.nav03 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi03_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav03 a:hover,#navi li.nav03 a:active{
	background:url(../images/navi03_on.jpg) 0 0 no-repeat;
	}

#navi li.nav04,#navi li.nav04 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi04_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav04 a:hover,#navi li.nav04 a:active{
	background:url(../images/navi04_on.jpg) 0 0 no-repeat;
	}

#navi li.nav05,#navi li.nav05 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi05_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav05 a:hover,#navi li.nav05 a:active{
	background:url(../images/navi05_on.jpg) 0 0 no-repeat;
	}

#navi li.nav06,#navi li.nav06 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi06_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav06 a:hover,#navi li.nav06 a:active{
	background:url(../images/navi06_on.jpg) 0 0 no-repeat;
	}
	
#navi li.nav07,#navi li.nav07 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi07_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav07 a:hover,#navi li.nav07 a:active{
	background:url(../images/navi07_on.jpg) 0 0 no-repeat;
	}

#navi li.nav08,#navi li.nav08 a{
	width:233px;
	height:30px;
	display:block;
	background:url(../images/navi08_off.jpg) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	}

#navi li.nav08 a:hover,#navi li.nav08 a:active{
	background:url(../images/navi08_on.jpg) 0 0 no-repeat;
	}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/

.contentsBox {
	margin-left:18px;
	width:633px;
	float:left;
	}

.contentsBox .indexHbox {margin-top:10px;}


.contentsBox .indexHbox p.indexImg01{float:left;margin-left:0px;}
.contentsBox .indexHbox p.indexImg02{float:left; margin-left:5px;}
.contentsBox .indexHbox p.indexImg03{float:left; margin-left:5px;}

.contentsBox .conBox {
	width:631px;
	padding:10px;
	}

.contentsBox .conBox p{
	line-height:1.7em;
	}


.contentsBox h3 {
	padding-left:40px;
	width:611px;
	height:37px;
	line-height:37px;
	background:url(../images/ttl_h3_bg.jpg) 0 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	}

.contentsBox h4 {
	padding-left:40px;
	width:611px;
	height:37px;
	line-height:37px;
	background:url(../images/ttl_h4_bg.jpg) 0 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	}


.contentsBox ul {
	margin:10px 0 10px 30px;
	}
.contentsBox li {
	margin:10px 0;
	padding-left:20px;
	background:url(../images/ttl_li_bg.jpg) 0 0 no-repeat;
	line-height:17px;
}
	
.inqBlock p {margin-left:10px; float:left; display:inline;}
.more {text-align:left; margin:20px 20px 10px 0;}
.pagetop {text-align:right; margin:10px 0px 10px 0;}



.conBox table {
	margin:10px 0;
	width:100%;
	border:none;
}

.conBox th{width:20%;
	background:url(../images/table_th_bg.gif) top left no-repeat;
	color:#FFF;
	font-weight:bold;
	vertical-align:middle;
	padding:5px;
	border:1px solid #CCC;
	border-right:none;
}

.conBox td{
	width:80%;
	padding:10px;
	border:1px solid #CCC;
	border-left:none;
}

.conBox td.secTd{
	width:80%;
	padding:10px;
	border:1px solid #CCC;
	border-left:none;
	background-color:#EFEFEF;
}

/*==========================================================================*/
/*                            汎用class                                     */
/*==========================================================================*/

.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}


.imgBox {border:1px solid #FF6600;}

.floatR {float:right; margin:0 10px 0 10px;}
.floatL {float:left; margin:0 10px 0 10px;}

.mailBox li {background:none !important;}