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

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

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

/* tag
------------------------------------------------------------------------*/
* {zoom:1;}


h1 {} /* Header内で設定 */
h2 {}
h3,h4,h5 { clear:both;}

a { color: #0B308E; text-decoration: underline; }
a:hover,
a:active { text-decoration: underline;}
a:visited {
}

/* Contents
------------------------------------------------------------------------*/


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

body {
	background: url(../images/bg_body.jpg) top repeat-x;
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
}

body .fontL {
	font-size:120%;
}

#wrapper {
	width:940px;
	margin: 0 auto;
}


#header {
	width:940px;
	height:160px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

#container {
	zoom:1;
	margin-bottom:15px;
}

#header h1 {
	position:absolute;
	top:0;
	left:0;
	width:940px;
	height:20px;
	line-height:20px;
	text-indent:10px;
	text-align:left;
	color:#FFF;
	background-color:#666666;
	font-size:120%;
}

#header p.logo {
	width:370px;
	height:70px;
	position:absolute;
	top:20px;
	left:0;
}

#header p#h_banner {
	width:290px;
	height:34px;
	position:absolute;
	top: 33px;
	right:10px;
	text-align:right;
}

#header p#h_banner a:hover {
	background-color:#fff;
}

#header p#h_banner img{
	text-align:right;
	margin:0;
	padding:0;
}

#main_inner {
	width:900px;
	height:100px;
	background: url(../images/bg_h2.jpg) no-repeat;
	text-align:left;
	margin-bottom:15px;
}

#main_image {
	width:940px;
	text-align:left;
	margin-bottom:20px;
}

#index #main_image p.left {
	width:680px;
	float:left;
}

#index #main_image ul#m_nav {
	width:250px;
	float: left;
}

#index #main_image ul#m_nav img {
	vertical-align:bottom;
}

#index #main {
	width:940px;
	text-align:left;
}

#inner #main {
	width:670px;
	float: right;
	text-align:left;
	overflow:hidden;
	padding-bottom:15px;
	
}

p.pu {
	width:430px;
	float:left;
	overflow:hidden;
	}

p.pu a,
p.pu img {
	display:block;
	width:130px;
	float:left;
}

.lr20 {
	margin:0 20px;
	_margin:0 10px;
}

p.pu_text {
	width:490px;
	float: right;
	
}

.map {
	width:590px;
	float:left;
}

.bg_info {
	width:340px;
	height:310px;
	background: url(../images/bg_info.jpg) 0 0 no-repeat;
	position:relative;
	float:right;
}

.bg_info .po01 {
	position:absolute;
	width: 228px;
	height: 140px;
	left: 91px;
	top: 48px;
	line-height:22px;
}

.bg_info .po02 {
	position:absolute;
	width: 324px;
	left: 10px;
	top: 200px;
}

.bg_info .po02 img {
	display:block;
}

#main p {
	font-size:120%;
}

#inner #main p.mini {
	font-size:120%;
}


#main_flash {
	width: 900px;
	height:360px;
	text-align: left;
	background: url(../images/bg_main.jpg) 0 0 no-repeat;
}


.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

.mr10 {margin-right:10px;}

.block img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.m_banner {
	width:870px;
	_width:900px;
	height:140px;
	padding:0 15px;
	margin:15px auto;
	background: url(../images/bg_banner.jpg) 0 0 no-repeat;	
}

.m_banner p {
	width:286px;
	float:left;
	margin:7px 2px;
}

.m_banner p img {
	display:block;
}

.faq {
	font-size:120%;
}

.faq dt {
	background: url(../images/q.jpg) 0 0 no-repeat;
	line-height:26px;
	font-weight:bold;
	text-indent:30px;
	color:#429C00;
	margin-bottom:12px;

}

.faq dd {
	background: url(../images/a.jpg) 0 0 no-repeat;
	padding-left:40px;
	margin-bottom:35px;
}

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



/*==========================================================================*/
/*                             Global_navi                                  */
/*==========================================================================*/


#g_nav {
	position:absolute;
	width:930px;
	height:60px;
	left:5px;
	top:90px;
	margin:0;
	padding:0;
}

#g_nav li {
	margin:0;
	padding:0;
	width:155px;
	height:60px;
	float:left;
}


#g_nav img {
 vertical-align: bottom;
}


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


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

#footer {
	clear: both;
	text-align: center;
	margin:0;
	border-top:1px #D9D9D9 solid;
}

#footer_sec	{
	width:940px;
	background: url(../images/bg_footer.jpg) no-repeat top;
	text-align:center;
	margin:0 auto;
	padding:20px 0;
}

#footer_sec .foot_left {
	width:400px;
	float:left;
	text-align: left;
}

#footer_sec .foot_right {
	width:490px;
	float: right;
	text-align: right;
}

#footer_sec .foot_right ul li {	
	width:204px;
	_width:230px;
	float:left;
	background: url(../images/point02.jpg) 10px 10px no-repeat;
	padding-left:26px;
	line-height:2.4;
	font-size:120%;
}

#footer #footer_sec .foot_right ul li a {
	color:#fff;
	text-decoration:underline;
}

#footer #footer_sec .foot_right ul li a:hover {
	background-color:#0B308E;
}


#footer address {
	margin: 0 auto;
}

#pt	{
	width:900px;
	text-align:center;
	margin:0 auto;
}

#pt p img {
	display:block;
}

#pt p a {
	display:block;
	width:166px;
	float:right;
	margin-bottom:5px;
}

.pt img {
	display:block;
}

.pt a {
	display:block;
	width:166px;
	float:right;
	margin-bottom:15px;
}

#main .pt a:hover {
	background-color:#fff;
}

.middle {
	padding:10px 20px;
	background: url(../images/middle.jpg) repeat-y;
}

.motto img {
	vertical-align:bottom;
}

.p_top {
	clear:both;
	text-align:right;
	margin:15px 0 20px 0;
}

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

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

.block {
	display:block;
}

#nav {
	width:250px;
	float:left;
	text-align:left;
	font-size:120%;
}

#nav img {
	vertical-align:bottom;
}

#nav p {
	margin-bottom:10px;
}

#nav ul {
	margin-bottom:15px;
	padding-bottom:5px;
}

#nav ul li span {
	display:block;
	background: url(../images/nav01.jpg) no-repeat;
	padding:5px 5px 5px 20px;
	_width:250px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

#nav ul li ul li a {
	display:block;
	background: url(../images/nav02.jpg) no-repeat;
	padding:5px 5px 5px 28px;
	font-weight: lighter;
	color:#666666;
}

#nav ul li a:hover {
	background: url(../images/nav01_ov.jpg) no-repeat;
}

#nav ul li ul li a:hover {
	background: url(../images/nav02_ov.jpg) no-repeat;
}

.sitemap {
	font-size:120%;
}

.sitemap ul {
	margin-bottom:20px;
}

.sitemap ul li span {
	line-height:30px;
	font-weight:bold;
}

.sitemap ul li a {
	display:block;
	line-height:30px;
	padding-left:15px;
	background-color:#EDEDED;
	margin:3px 0 3px 10px;
}


h2 {
	background: url(../images/h2.jpg) bottom no-repeat;
	line-height:50px;
	text-indent:10px;
	font-size:180%;
	font-weight:bold;
	margin-bottom:15px;
}


h3 {
	line-height:30px;
	background: url(../images/h3.jpg) top no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom:10px;
	font-size:140%;
	text-indent:20px;
}

h4 {
	line-height:24px;
	background: url(../images/h4.jpg) no-repeat;
	font-weight:bold;
	font-size:140%;
	text-indent:32px;
	color:#F06E0B;
	margin-bottom:15px;
}

h5 {
	line-height:35px;
	background: url(../images/h5.jpg) top no-repeat;
	padding:0 5px 0 20px;
	color:#144EB7;
	font-weight:bold;
	font-size:140%;
	margin:0 auto 10px auto;
}

.text p {
	padding-left:10px;
	margin-bottom:15px;
}

p.text {
	padding-left:10px;
	margin-bottom:15px;
}

.cate {
	width:325px;
	overflow:hidden;
	border:1px solid #D9D9D9;
	float:left;
	margin:0 4px 10px 4px;
	font-size:140%;
	min-height:170px;
	height: auto !important;
}

.fontL .cate {
	min-height:215px;
	height: auto !important;
}

#main .cate dt {
	line-height:2;
	background: url(../images/cate.jpg) no-repeat;
	font-weight:bold;
	padding:8px;
}

#main .cate dd {
	padding:8px;
}

#inner .more {
	display:block;
	float:right;
	background:none;
	margin:15px 0 5px 0;
}

.cate_l {
	clear:both;
	background: url(../images/cate_bar.jpg) no-repeat;
	border:1px solid #D9D9D9;
	margin-left:10px;
	padding:12px;
}

.cate_img {
	width:165px;
	float:left;
}

.cate_body {
	width:460px;
	float: right;
	font-size:140%;
}

.cate_body dt {
	line-height:2;
	margin-bottom:10px;
	background: url(../images/case02.jpg) no-repeat;
	font-size:90%;
	padding-left:35px;
}

.cate_body dt img {
	vertical-align: middle;
}

.cate_body dt a {
	font-size:120%;
	font-weight:bold;
}

.cate_body dd {
	margin-bottom:10px;
}


.list {
	clear:both;
	margin:20px 0 30px 10px;
}

.list li {
	line-height:30px;
	background: url(../images/list.jpg) 0 10px no-repeat;
	font-size:120%;
	padding-left:15px;
	color:#005AA9;
	font-weight: bold;
}

.type01 {
	width:97%;
	margin:15px 0 15px 10px;
	font-size:120%;
	vertical-align:top;
}

.type_s {
	width:400px;
	float:left;
	margin:0 0 0 10px;
}

.st_img {
	width:250px;
	float:left;
}

.st_img img {
	border:1px solid #F06E0B;
}

.privacy {
	border:1px solid #9CB0DC;
	padding:10px;
}

.type01,
.type01 th,
.type01 td {
	border-collapse:collapse;
	border: 1px solid #D9D9D9;
	padding:8px;
	vertical-align:top;
}

.type01 th {
	text-align:left;
	font-weight:bold;
	background-color:#EDEDED;
}


.release_in {
	font-size:140%;
	margin-left:10px;
	margin-bottom:100px;
}

.release_in li {
	margin-bottom:30px;
	padding-bottom:10px;
	background: url(../images/line.gif) repeat-x bottom;
}

.b {
	font-weight:bold;
	color:#C0182E;
}

.b02 {
	font-weight:bold;
	line-height:3.5;
	color:#819FD3;
}

.b03 {
	font-weight:bold;
	color:#0B30A3;
}

.text .b {
	margin:0;
}


.t_right {
	text-align:right;
}

.bg01 {
	padding:15px;
	background-color:#808080;
	color:#fff;
	margin:15px auto;
	border:1px solid #595959;
}

.bg02 {
	padding:15px;
	background-color:#E2E8F7;
}

.bg03 {
	padding:15px;
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
}

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

.image_r {
	float: right;
	margin:0 0 10px 10px;
}