@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 { background-color:#2451B2; color: #fff; text-decoration: underline;}
a:visited {
}

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


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

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

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

body#inner {
	background: url(../images/bg_body02.jpg) top repeat-x;
}

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


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

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

#header h1 {
	position:absolute;
	top:0;
	left:0;
	width:896px;
	height:22px;
	line-height:22px;
	text-align:left;
	color:#808080;
	font-size:10px;
	_font-size:9px;
	>font-size:9px;
}

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

#header p#resizer {
	width:468px;
	height:28px;
	position:absolute;
	top: 60px;
	left: 428px;
}

#header p#resizer img {
	display: block;
	float: right;
	margin:0;
	padding:0;
	_margin-right:-6px;
}

#header p#h_banner {
	width:384px;
	height:20px;
	position:absolute;
	top: 30px;
	left: 536px;
}

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

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

.fontsize_m,
.fontsize_l {
	cursor:pointer;
}

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

#main_inner h2.title {
	line-height:75px;
	text-indent:10px;
	font-size:180%;
	color:#FFF;
	font-weight:bold;
}


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

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

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

#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;
}

.contents_inner {
	width:210px;
	text-align:left;
	float:right;
}
.contents_inner p img {
	display:block;
}

.contents_inner li {
	font-size:120%;
}	

.contents_inner li li {
	font-size:100%;
}

.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;
}

.contents_site {
	font-size:120%;
}

.contents_site ul {
	width:300px;
	_width:320px;
	float:left;
	border:1px solid #B8CCE0;
	border-top:3px solid #000;
	margin:5px;
	padding:10px;
	background-color:#EDF2FB;
}

.contents_site ul li {
	background: url(../images/line02.gif) bottom repeat-x;	
}

.contents_site ul li a {
	display:block;
	padding:5px 5px 5px 10px;
	_width:300px;
}

.contents_site ul li.cate01 {
	font-weight:bold;
}


.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;
}


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



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


#g_nav {
	position:absolute;
	width:900px;
	height:50px;
	left:0;
	top:100px;
	margin:0;
	padding:0;
}

#g_nav li {
	margin:0;
	padding:0;
	width:180px;
	height:50px;
	float:left;
}


#g_nav img {
 vertical-align: bottom;
}


/*==========================================================================*/
/*                             drop                                     */
/*==========================================================================*/

/* Basic code - don't modify */
 #g_nav { display: block; margin: 0; padding: 0; position: relative;}
  #g_nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; text-align:left;}
  #g_nav a { display: block; }
  #g_nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index:3;}
  	#g_nav ul a { zoom: 1; } /* IE6/7 fix */
    #g_nav ul li { float: none; height:auto; z-index:3;}
    #g_nav ul li img { vertical-align:middle;}
    #g_nav ul ul { top: 0; }
    
/* Essentials - configure this */

#g_nav ul { width: 180px; }
#g_nav ul ul { left: 180px; }

/* Everything else is theming */
 
#g_nav {  }
#g_nav *:hover { background-color: none; }
#header #g_nav a { font-size:12px; color:#fff; z-index:3; }
* html #header #g_nav .recruit a { height:28px;}
  #g_nav li.hover a {}
  #g_nav ul { top: 50px; }
    #g_nav ul li a { background-color: #5E5A5A; z-index:3; display:block; padding:4px 5px 4px 10px; }
      #g_nav ul li.hover > a { background-color: #333333; }
    #g_nav ul li a:hover { background-color: #333333;}
   #g_nav ul a { opacity: 0.9; filter: alpha(opacity=90); }
/* #g_nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


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


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

#footer {
	color: #fff;
	clear: both;
	text-align: center;
	background: url(../images/bg_footer.jpg) repeat;
	margin:0;
}

#footer_sec	{
	width:900px;
	background: url(../images/bg_footer02.jpg) no-repeat top;
	text-align:center;
	margin:0 auto;
	padding-bottom:30px;
}

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

#footer_sec .foot_left address {
	line-height:50px;
	font-size:120%;
}

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

#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;
	float:right;
	margin-bottom:15px;
}

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

#newyear{
padding:5px 10px;
width:900px;
}

/*==========================================================================*/
/*                             tab                                     */
/*==========================================================================*/
ul.tablist,
ul.tablist li {
    margin: 0;
    padding: 0;
}
ul.tablist li img {
	vertical-align:bottom;
}
ul.tablist li {
    float: left;
}

.tab {
	width:490px;
	float:left;
	margin:0 10px 0 0;
	overflow:hidden;
	font-size:120%;
}


#tab1 {
	width:468px;
	_width:490px;
	height:348px;
	_height:370px;
	border:1px solid #A6B3D5;
	background-color:#EFF1F8;
	border-top:none;
	padding:10px;
	margin-right:10px;
}

#tab2 {
	width:468px;
	_width:490px;
	height:348px;
	_height:370px;
	border:1px solid #A6B3D5;
	background-color:#EFF1F8;
	border-top:none;
	padding:10px;
	margin-right:10px;
}

.tab div {
    clear: both;
}
.tab:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
  * html .tab:after {
    zoom: 1;
}



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

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

.day {
	font-weight:bold;
}



.new_area {
	height:300px;
	_height:310px;
	overflow:auto;
	margin-bottom:15px;
	padding:5px;
}

.new_area li {
	margin-bottom:15px;
	padding-bottom:5px;
	background: url(../images/line02.gif) bottom repeat-x;
}

.new_list {
	line-height:2;
	text-align:right;
	border-top:1px solid #A6B3D5;
}

.result {
	width:398px;
	height:408px;
	_width:400px;
	_height:410px;
	float:left;
	text-align:left;
	border:1px solid #CCCCCC;
	overflow:hidden;
	font-size:120%;
}

.result ul {
	width:260px;
	float:right;
	margin:0;
}

.result ul li {
	margin-bottom:10px;
}

.type {
	background-color:#0B308E;
	border-left:3px solid #000;
	color:#fff;
	font-size:10px;
	_font-size:9px;
	>font-size:9px;
}

.block {
	display:block;
}

.result_area {
	padding:5px;
	height:300px;
	_height:310px;
	overflow:auto;
	margin:10px 5px 15px 5px;
}

.res_list {
	line-height:2;
	text-align:right;
	border-top:1px solid #D6D6D6;
	margin:0 5px;
}

.res_img {
	width:80px;
	height:60px;
	_width:88px;
	_height:68px;
	padding:4px;
	background: url(../images/bg_res.jpg) 0 0 no-repeat;
	float:left;
}

.contents {
	width:900px;
	background: url(../images/bg_contents.jpg) 0 0 no-repeat;
	margin:0;
	padding:10px 0 0 15px;
	overflow:hidden;
	font-size:120%;
}

.contents ul {
	margin:0;
	padding:0;
	width:210px;
	float:left;
	margin-right:10px;
}

.contents ul li img {
	vertical-align: middle;
}

#wrapper .contents ul li {
	background: url(../images/line.gif) no-repeat bottom;
}

.contents ul li a {
	display:block;
	background: url(../images/point.jpg) 8px 10px no-repeat;
	padding:5px 5px 5px 20px;
	_width:210px;
}

*html .contents ul li.recruit a {
	display:block;
	height:30px;
	padding-top:5px;
}

.contents ul li a:hover {
	background-color:#4D4D4D;
	color:#fff;
}

.contents ul li.cate01 {
	border-bottom:1px solid #D1D1D1;
}

.contents ul li.cate01 a {
	padding:0px;
	background:none;
}


.pan {
	padding:0 0 0 30px;
	color:#FFFFFF;
	line-height:22px;
}
.pan a {
	color:#FFFFFF;
}

.pan a:hover {
	background-color:#0B308E;
}


.contents_inner ul {
	margin-bottom:15px;
	border:1px solid #D1D1D1;
	border-top:none;
	padding-bottom:10px;
	border-bottom:2px solid #BFBFBF;
	background-color:#EDEDED;
}

.contents_inner ul ul {
	margin-bottom:0px;
	border: none;
	padding-bottom:0px;
	border-bottom: none;
	background-color:#EDEDED;
}

.contents_inner ul li a {
	display:block;
	background: url(../images/point.jpg) 8px 10px no-repeat;
	padding:5px 5px 5px 20px;
	_width:208px;
}

.contents_inner ul li ul li a {
	background:url(../images/point03.jpg) 15px 10px no-repeat #fff;
	padding:5px 5px 5px 28px;
}

.contents_inner ul li.sub a {
	background:url(../images/point03.jpg) 15px 10px no-repeat #fff;
	padding:5px 5px 5px 28px;
}


.contents_inner ul li.cate01 a {
	padding:0px;
	background:none;
}

*html .contents_inner ul li.recruit a {
	display:block;
	height:30px;
	padding-top:5px;
}

.contents_inner ul li a:hover {
	background-color:#4D4D4D;
	color:#fff;
}

.contents_inner ul li {
	background: url(../images/line.gif) no-repeat bottom;
}

.contents_inner ul li img {
	vertical-align: middle;
}

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

h4 {
	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;
}

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 {
	margin-bottom:30px;
}

.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;
}


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

.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;
	font-size:120%;
}


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

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

.type01 {
	width:97%;
	margin:15px 0 15px 10px;
	font-size:140%;
	line-height:1.7;
}

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

.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;
}


.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;
	line-height:2;
	color:#0B30A3;
}

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

.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;
}

.bg01 a {
	color:#fff;
}

.access {
	width:670px;
	height:570px;
	background: url(../images/map.jpg) no-repeat;
	position:relative;
	margin-bottom:15px;
}

#inner #main .access p {
	color:#fff;
	font-size:12px;
	line-height:16px;
}

.access .tokyo {
	position:absolute;
	width:230px;
	height:90px;
	left: 438px;
	top: 199px;
}

.access .nagoya {
	position:absolute;
	width:230px;
	height:90px;
	left: 434px;
	top: 349px;
}

.access .osaka {
	position:absolute;
	width:230px;
	height:90px;
	left: 179px;
	top: 151px;
}

.access .huku {
	position:absolute;
	width:230px;
	height:90px;
	left: 20px;
	top: 263px;
}

.access .okinawa {
	position:absolute;
	width:290px;
	height:80px;
	left: 185px;
	top: 40px;
}

.caution {
	color:#9C182E;
	font-size:80%;
}

.rep {
	margin-bottom:35px;
}

.rep p {
	width:180px;
	float:left;
}
.rep table {
	width:490px;
	float:right;
	margin:0;
}

.center {
	text-align:center;
}

.mes_left {
	width:330px;
	float:left;
}

.mes_right {
	width:310px;
	float:right;
}

.image_l {
	float:left;
	border:4px solid #EDEDED;
	margin:0 10px 10px 0;
}

.image_r {
	float: right;
	border:4px solid #EDEDED;
	margin:0 0 10px 10px;
}


.release_in .day {
	display:block;
}

.release_in .b {
	display:block;
	margin-bottom:10px;
	padding:0 0 0 15px;
	background:url(../images/icon_01.jpg) left no-repeat;
}

.release_in .bb {
	font-weight:bold;
	line-height:2;
	color:#0B30A3;
	display:block;
	margin-bottom:10px;
	padding:0 0 0 15px;
	background:url(../images/icon_01.jpg) left 7px no-repeat;
}


.icon img,
.icon a {
	display:block;
	float:left;
}

.icon a {
	padding:2px;
	margin:3px;
}

.icon a:hover {
	background-color:#0051BA;
}

.icon02 img {
	display:block;
	float: left;
	margin:1px;
}

.service {
	width:670px;
	height:520px;
	background: url(../images/bg_serv.jpg) no-repeat;
	position:relative;
	margin-bottom:15px;
}

.service p.po01 {
	position:absolute;
	left: 0px;
	top: 343px;
}
.service p.po02 {
	position:absolute;
	left: 430px;
	top: 342px;
}
.service p.po03 {
	position:absolute;
	left: 210px;
	top: 472px;
}

.service p img {
	display:block;
}

.sha_p {
	position: relative;
	width:670px;
	height:300px;
	background: url(../images/title_sha02.jpg) no-repeat;
	margin-bottom:15px;
}

.sha_p .sha_p02 {
	position:absolute;
	width:320px;
	height:280px;
	left: 335px;
	top: 10px;
}

.sen_p {
	position: relative;
	width:670px;
	height:300px;
	background: url(../images/mane_movie.jpg) no-repeat;
	margin-bottom:50px;
}

.sen_p .sen_p02 {
	position:absolute;
	width:320px;
	height:280px;
	left: 335px;
	top: 10px;
}

.cs_p {
	position: relative;
	width:670px;
	height:300px;
	background: url(../images/cs_movie.jpg) no-repeat;
	margin-bottom:50px;
}

.cs_p .cs_p02 {
	position:absolute;
	width:320px;
	height:280px;
	left: 335px;
	top: 10px;
}

.sub .nav_sub {
	display:none;
}

.gs {
	width:100px;
	float:left;
}

.gs_r {
	width:510px;
	float:right;
}

#inner #main .v_list p {
	width:300px;
	height:135px;
	_width:330px;
	_height:180px;
	padding:30px 15px 15px 15px;
	background: url(../images/bg_voice.jpg) no-repeat;
	font-size:14px;
	float:left;
	margin:0 5px 10px 0;
}

#inner #main .phase p {
	width:640px;
	height:735px;
	_width:670px;
	_height:810px;
	padding:60px 15px 15px 15px;
	background: url(../images/phase.jpg) no-repeat;
	font-size:14px;
}


.right_b {
	float:right;
	width:440px;
}

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

.pagetop {
	text-align:right;
	margin-bottom:25px;
}

div.no_bar p {
	clear:both;
	text-align:center;
	width:100%;
	background-color:#E6E6E6;
}

div.no_bar p a {
	display:inline;
	background-color:#E6E6E6;
	text-align:center;
	font-size:14px;
	margin:0 10px;
	line-height:40px;
}

div.no_bar p a:hover,
div.no_bar p a:active { background-color:#2451B2; color: #fff; text-decoration: underline;}

.red{
color:#ff0000;
}


#twi{

float:right;

}

#facebook{
width:900px;
height:400px;
margin-bottom:10px;
}

.asumeru table{

width:670px;
font-size:14px;
line-height:22px;
padding:5px;

}

.asumeru th{
width:200px;
padding:5px;
}

.asumeru td{
padding:5px;
}