@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 {
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
}


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

#wrapper {
	width:920px;
	margin: 0 auto;
	overflow: hidden;
}


#header {
	width:920px;
	height:160px;
	margin:0 auto;
	text-align:center;
	position:relative;
	background: url(../images/bg_header.jpg) no-repeat;
}

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

#header h1 {
	position:absolute;
	top:2px;
	left:0;
	width:685px;
	height:20px;
	line-height:20px;
	text-align:left;
	color:#000;
	font-size:120%;
}

#header p.top1 {
	position:absolute;
	top:2px;
	left:0;
	width:685px;
	height:20px;
	line-height:20px;
	text-align:left;
	color:#000;
	font-size:120%;
}


#header p.logo {
	width:355px;
	height:60px;
	position:absolute;
	top:85px;
	left:0;
}


#header p.h_form {
	width:200px;
	height:50px;
	position:absolute;
	right:0px;
	top:40px;
}

#header p#h_banner {
	text-align:right;
	width:223px;
	height:20px;
	position:absolute;
	left: 692px;
	top: 5px;
}

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


#main_image {
	width:920px;
	margin-bottom:10px;
}



#main {
	width:920;
	text-align:left;
	float:right;
	overflow:hidden;
}

#inner #main {
	width:650px;
}

.index_main {
	width:920px;
	height:400px;
	position:relative;
	margin:0;
	background: url(../images/main.jpg) 0 0 no-repeat;
}

.index_main h2 img {
	position:absolute;
	top:0;
	left:0;
}


.index_main p.main01 img {
	position:absolute;
	top:0;
	left:0;
}




.index_main .po01 {
	width:260px;
	height:100px;
	position:absolute;
	left: 641px;
	top: 272px;
}

.index_main .po02 {
	width:260px;
	height:100px;
	position:absolute;
	left: 641px;
	top: 167px;
}

.index_main .po03 {
	width:260px;
	height:100px;
	position:absolute;
	left: 641px;
	top: 62px;
}


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

#inner #main p.mini {
	font-size:120%;
	margin-bottom:10px;
}

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

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

#m_menu {
	border:1px solid #1D58A8;
	border-top:none;
	font-size:120%;
	margin-bottom:10px;
}




#main p.mini { font-size:9px; line-height:1.5;}
#main p.mini, x:-moz-any-link { font-size:11px; >font-size:9px;}

.top_text {
	padding:0 6px;
}

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



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


#g_nav {
	position:absolute;
	width:900px;
	height:42px;
	left:10px;
	top:30px;
	margin:0;
	padding:0;
}

#g_nav li {
	margin:0;
	padding:0;
	width:150px;
	height:45px;
	float:left;
}


#g_nav img {
 vertical-align: bottom;
}


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

.area01 {
	margin-bottom:20px;
}

#main .a01_bn {
	width:290px;
	height:100px;
	margin:0 0 0 10px;
	float:right;
	background: url(../images/map.jpg) 0 0 no-repeat;
	padding:260px 10px 0 10px;
	font-size:120%;
}

.a02_bn {
	width:220px;
	height:190px;
	margin:0 10px 10px 0;
	float:left;
}

.a03_bn {
	width:370px;
	height:190px;
	background: url(../images/bg_form01.jpg) 0 0 no-repeat;
	float:left;
	position:relative;
}

.a03_bn .po01 {
	position:absolute;
	left: 12px;
	top: 152px;
}

.a03_bn .po02 {
	position:absolute;
	left: 187px;
	top: 152px;
}


.news {
	width:560px;
	height:105px;
	padding:50px 20px 15px 20px;
	float:left;
	background: url(../images/bg_news.jpg) 0 0 no-repeat;
}

.news div {
	height:90px;
	overflow:auto;
}

#main .news div ul li{
	font-size:120%;
	line-height:2.2;
}


.pu {
	background: url(../images/bg_pu.jpg) no-repeat;
	width:760px;
	padding:20px 0 0 0;
	padding-left:160px;
}

.pu .po01 {
	width:740px;
	margin-bottom:15px;
	}


.pu02 {
	background: url(../images/bg_pu02.jpg) no-repeat;
	padding:130px 30px 20px 30px;
}

.pu02 .po01 {
	margin-bottom:40px;
	height:120px;
}

.form02 {
	width:250px;
	height:170px;
	background: url(../images/bg_form02.jpg) 0 0 no-repeat;
	position:relative;
}

.form02 .po01 {
	position:absolute;
	top: 56px;
	left: 10px;
	width:230px;
	height:50px;
}

.form02 .po02 {
	position:absolute;
	top: 110px;
	left: 10px;
	width:230px;
	height:50px;
}

.form03 {
	width:650px;
	height:180px;
	background: url(../images/bg_form03.jpg) 0 0 no-repeat;
	position:relative;
	margin:15px auto;
}

.form03 .po01 {
	position:absolute;
	top: 95px;
	left: 13px;
}

.form03 .po02 {
	position:absolute;
	top: 130px;
	left: 13px;
}


#nav {
	width:250px;
	text-align:left;
	float:left;
}

#nav ul.menu {
	margin-bottom:10px;
}
#nav ul.menu li a {
	display:block;
	width:225px;
	padding:0 10px 0 15px;
	line-height:30px;
	font-size:120%;
	background: url(../images/bg_mn.jpg) 0 0 no-repeat;
}


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

#footer {
	clear: both;
	text-align: center;
	margin:0;
}

#footer_sec	{
	width:920px;
	height:60px;
	_height:80px;
	padding-top:20px;
	text-align:center;
	margin:0 auto;
}

#footer address {
	margin: 0 auto;
	text-align:center;
}

.pt img {
	display:block;
}

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


.foot_link {
	text-align:left;
	font-size:120%;
	margin-bottom:15px;
}

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

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

.block {
	display:block;
}


#inner h2 {
	background: url(../images/h2.jpg) no-repeat;
	font-size:200%;
	line-height:120px;
	padding-right:30px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
}


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

h4 {
	line-height:35px;
	font-weight:bold;
	font-size:140%;
	text-indent:5px;
	background: url(../images/h4.jpg) top no-repeat;
	color:#3F2C2C;
	margin-bottom:10px;
	clear:both;
}

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:20px;
}

.text02 p {
	padding-left:10px;
}

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

p.text02 {
	padding-left:10px;
}


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

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

.type01 {
	width:99%;
	margin:15px 0 25px 1px;
	font-size:120%;
}

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

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


.b {
	clear:both;
	font-weight:bold;
	color:#7D002B;
	padding-left:10px;
}

.b02 {
	clear:both;
	font-weight:bold;
	color:#638C00;
}

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

.text .b {
	margin:0;
}


.t_right {
	text-align:right;
}

.bg01 {
	padding:15px;
	margin:15px auto;
	border:1px solid #7D002B;
}

.bg02 {
	padding:15px;
}

.bg03 {
	padding:15px;
	border:1px solid #CCCCCC;
	border-top:4px solid #666666;
}

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

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

.sitemap li {
	line-height:20px;
	text-indent:10px;
	font-size:120%;
	border-left:1px solid #1D58A8;
	margin:10px 5px;
}

.sitemap li li {
	font-size:100%;
	border-left:3px solid #D9D9D9;
}

.banners {
	margin:20px auto 10px auto;
	padding:10px 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.banners img {
	display:block;
	float:left;
	margin:0 1px;
	_margin-right:-5px;
	width:150px;
	vertical-align:bottom;
}

.bottom img {
	vertical-align:bottom;
}
.n_bnn {
	margin-bottom:10px;
}
.n_bnn img {
	vertical-align:bottom;
	display:block;
	margin-bottom:5px;
}

.left_b {
	width:205px;
	float:left;
	margin:0 10px 15px 0;
	padding-bottom:10px;
	border-right:1px solid #C1BABA;
	border-bottom:2px solid #C1BABA;
}

.left_b img {
	border:5px solid #EAE8E8;
}


.right_b {
	width:210px;
	float:left;
}

.box_s {
	width:290px;
	padding:10px;
	float:left;
	border-right:1px solid #C1BABA;
	border-bottom:1px solid #C1BABA;
	margin:0 10px 5px 0;
}

.min01 {
	min-height:190px;
	height: auto !important;

}

*html .min01{
	height: 190px !important;
}

.min02 {
	min-height:370px;
	height: auto !important;
}

*html .min02 {
	height: 370px !important;
}

.sec {
	width:630px;
	height:70px;
	padding:30px 0 0 20px;
	background: url(../images/sec.jpg) no-repeat;
}

.sec img {
	display:block;
	width:80px;
	float:left;
	margin-right:2px;
}

.type02 {
	width:99%;
	margin:0 0 25px 1px;
	font-size:120%;
	background-color:#EAE8E8;
	padding:5px;
}

.type02,
.type02 th,
.type02 td {
	text-align:center;
}

.after {
	border:4px solid #7D002B;
}

         #jCarouselLiteDemo .carousel  {
            position:relative;
			margin-bottom:15px;
			>margin-bottom:-5px;
			
}
         #jCarouselLiteDemo .digg {
            position:absolute;
            left:610px; top:110px;
         }
         #jCarouselLiteDemo .main {
         }
         #jCarouselLiteDemo .demo em {
            color:#ff3300;
            font-weight:bold;
            font-size:60%;
            font-style:normal;
         }
         #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
            float:left;
         }              
         #jCarouselLiteDemo .carousel .prev, #jCarouselLiteDemo .carousel .next {
            display:block;
            float:left;
            width:34px; height:95px;
            text-decoration:none;
            background:url("../images/prev.jpg") left center no-repeat;
         }
         #jCarouselLiteDemo .carousel .next {
            background:url("../images/next.jpg") right center no-repeat;
         }
         #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
            border:none;
            outline:none;
         }
         #jCarouselLiteDemo .carousel .jCarouselLite {
            float:left;
			height:95px;
            background-color:#dfdfdf;
            position:relative;
            visibility:hidden;
            left:-5000px;
			width:800px;
         }
         #jCarouselLiteDemo .carousel ul {
            overflow:hidden;
            margin:0; padding:0;
         	width:800px;
}
         #jCarouselLiteDemo .carousel li img {
            background-color:#fff;
            list-style:none;
            margin:0; padding:5px;
            overflow;hidden;
         }
         #jCarouselLiteDemo .carousel li {
            background-color:#fff;
            width:110px; height:77px;
            list-style:none;
            margin:5px; padding:4px 0;
         }
         #jCarouselLiteDemo .widget img {
            cursor:pointer;
         }
         #jCarouselLiteDemo .mid {
            margin-left:80px;
            width:400px; height:300px;
         }
         #jCarouselLiteDemo .vertical {
            margin-left:170px;
         }
         #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
            width:170px;
         }
         #jCarouselLiteDemo .imageSlider li img, 
         #jCarouselLiteDemo .imageSlider li p, 
         #jCarouselLiteDemo .imageSliderExt li img , 
         #jCarouselLiteDemo .imageSliderExt li p {
            width:400px; height:300px;
         }

.new_r {
	width:200px;
	float: right;
}

#wrapper #main .new_l {
	width:430px;
	float:left;
	overflow:hidden;
}