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

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

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

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

ul ul,
ul ol,
ul dl,
ul p,
ol ul,
ol ol,
ol dl,
ol p,
dl ul,
dl ol,
dl dl,
dl p,
table table,
table ul,
table ol,
table dl,
table p{ font-size: 100%;}

/*==========================================================================*/
/*                            Common                                        */
/*==========================================================================*/

body {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", arial, clean, verdana, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #fff url(../images/bg.gif) 0 top repeat-x;
	color: #333;
	cursor: auto;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
}

body#inner {
	background: #fff url(../images/inner_bg.gif) 0 top repeat-x;}

h1 {text-align:right;
	color:#fff;
	font-size:12px ;
	background: #07479c;
	margin-bottom:5px;
	height:20px;}
h2 {}
h3, h4, h5, h6 { padding: 0px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 0; padding: 0;}
dl { margin: 10px 0;}

a         { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

strong { font-weight: bold; color:#ae8d19;}
abbr, acronym { cursor: help;}

sup { vertical-align: super; font-size: 100%;}
sub { vertical-align: baseline; font-size: 100%;}


hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { border: 1px solid #ddd; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #ddd;
	text-align: left;
}
tr:hover th,
tr:hover td { background: #fafafa;}


fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input, textarea { padding: 1px;}
input.typeText { border: 1px solid #aaa;}
select option { padding: 0 5px;}
input:focus, select:focus, textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}

.flo-right{float:right;}
.flo-left{float:left;}

#breadcrumbsList{font-size:10px; padding: 0 250px 0 0; text-align: right; margin-bottom:10px;}

/******************************************************************** clearfix
*/

/******************** except IE */
#container:after,
.section:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE */
#container,
.section,
.clearfix { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html #container,
* html .section,
* html .clearfix { height: 1%;}
#container,
.section,
.clearfix { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}


.gothic { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.tempNotes { color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em;}


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


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


#header,
#container { width: 940px; margin: 0 auto; text-align: left;}

#header {
	height: auto;
}

#g-navi{
	margin:5px 0 29px;
	height:45px;
}

#g-navi li{
	float:left;
	margin:0;
}


#main-img{
	margin-bottom:40px;
}

#inner #main-img{
	margin-bottom:20px;
}

#container {}

#col-a {
	display: inline;
	float: left;
	width: 690px;
}

#col-b {
	float: right;
	width: 220px;
}




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


#header p {
    padding: 0 0 2px 0;
}

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

#footer {
	width: 100%;
	margin: 26px auto 0;
	text-align: center;
	clear: both;
	border-top: 1px solid #ddd;
	background:url(../images/footer_bg.gif) 0 top repeat-x;
	height:350px;
}

#foot_wrap { width: 940px;
           margin:0 auto;
           text-align: left;
}

#foot_wrap .foot_left {
	float: left;
	width: 325px;
	height:200px;
	margin:17px 0 25px 26px;
	background:url(../images/foot_left_bg.gif) right 50% no-repeat;
}

#foot_wrap .foot_right {
	float: right;
	width: 540px;
	margin-top:17px;
	margin-bottom:14px;
}

#foot_wrap .foot_left p{padding-bottom:18px; border-bottom: 1px dotted #333; margin-bottom:13px; width:277px;}

#foot_wrap .foot_right ul{padding:0; margin:0 0 0 -10px; clear: both;}

#foot_wrap .foot_right li{
	float:left;
	background:url(../images/foot_right_li_mark.gif) no-repeat 0 50%;
	padding-left:7px;
	margin-left:10px;
	font-size:13px;
}

#foot_wrap .foot_right dl{padding:0; margin:15px 35px 0 0; float:left;}

* html #foot_wrap .foot_right dl{margin:15px 35px 0 5px;}

#foot_wrap .foot_right dl.last{padding:0; margin:15px 0px 0 0; float:left;}

#foot_wrap .foot_right dt{margin-bottom:6px;}

#foot_wrap .foot_right dd{font-size:12px; margin-bottom:6px; background: url(../images/foot_right_dd_mark.gif) 0 50% no-repeat; padding-left:15px;}

#foot_wrap .foot_right dd a{text-decoration:none; color:#588ED6;}
#foot_wrap .foot_right dd a:hover{ color:#f80;}

#footer address { letter-spacing: 0.05em; line-height: 2; color:#fff; clear: both; text-align:center; font-size: 12px;}

#foot_wrap .foot_right dd.dd_04 {
    font-size: 12px;
    margin-bottom: 6px;
    background: url(../images/foot_right_dd_mark.gif) 0 11% no-repeat;
    padding-left: 15px;
}

/*==========================================================================*/
/*                          side  Navigation                                    */
/*==========================================================================*/
#col-b p{margin:0 0 11px 0;
		 padding:0;}

#col-b ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#col-b li {
	margin-bottom:0;}


#col-b ul.menu {
	list-style: none;
	margin: 0 0 20px 0;
	padding:14px 5px 0;
	background: url(../images/inner_side_ul.menu_bg.jpg) 0 0 no-repeat;
	width:210px;/*220*/
    height: 539px;
}

#col-b ul.menu li {
	margin-bottom:9px;}







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



h3{margin-bottom:28px;}

h4{margin-bottom:12px;}

div.text_area{margin-bottom:35px; clear: both;}

div.text_area2{margin-bottom:20px; clear: both;}

#col-a p{margin:0 16px 0 30px;}

#col-a .fs12{font-size:12px;}

#col-a span.red{color:#cc0000;}

#col-a table{
	width:100%;
	}
	
#col-a table.t2{
	width:636px;
	margin-left:27px;}
	
#col-a table th{
	width:17%;
	background: #3b75c2;
	color: #fff;
	text-align:center;
	}
	
#col-a table td{
	background: #f3f8ff;
	}

#col-a table td.cent{text-align:center;}



	


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

#main-img ul{
	width:856px;/*940*/
	height:120px;/*121*/
	background:url(../images/main_img02.jpg) 0 0 no-repeat;
	margin-bottom:40px;
	padding:1px 42px 0;
}

* html #main-img ul{
	width:940px;/*940*/
	height:121px;/*121*/
}

#main-img ul li{
	float: left;
	margin:0 5px 7px 0;}
	
#main-img ul li.last{
	float: left;
	margin:0 0 7px 0;}


.index dl.cont{
    width:100%;
	margin:0 0 26px 0;
	list-style:inside url(../images/li_mark.gif);
	height:250px;
	overflow: auto;}

.index dl.cont dt{
	margin:0 15px 14px 20px;
	padding:0 0 0 30px;
	background:url(../images/li_mark.gif) 10px 50% no-repeat;
	float: left;}
	
.index dl.cont dd{
	margin:0 0 14px ;
	border-bottom:1px #333 dotted;
	padding:0 0 14px 50px;}



/* company
------------------------------------------------------------------------*/

.gMap {
	width: 540px;
	height: 400px;
}
.gMap .gMapInfoWindow dl { margin: 0;}
.gMap .gMapInfoWindow dt { font-weight: bold;}

.company #col-a table td ul.standard{
    padding:0;
    margin-bottom:15px;}

#col-a table.license{
	width:636px;
	margin-left:27px;}
	
#col-a table.license th{
	padding:3px;
	}
	
#col-a table.license th.tt{
	background:#d7d1b7;
	color:#3a3108;}
	
#col-a table.license th.tt2{
	background:#d7d1b7;
	color:#3a3108;
	font-size:12px;
	text-align:left;}
	
#col-a table.license td{
	padding:3px;
	color:#4f4208;
	font-size: 12px;
	text-align:center;}
	
	

/* history
------------------------------------------------------------------------*/

.history #col-a table th{
	text-align:left;}
	
	

/* summary
------------------------------------------------------------------------*/

.summary #col-a p{margin:0 16px 15px 30px;}


/* menu
------------------------------------------------------------------------*/

.menu #col-a p{margin:0 30px 15px 30px;}

.menu #col-a p.non{margin:0 30px 0 30px;}

.menu #col-a .flo-right{float:right; margin-left:15px;}

.menu #col-a .flo-left{float:left; margin-right:15px;}



/* news
------------------------------------------------------------------------*/


.news dl.cont{
    width:636px;
	margin:0 0 26px 27px;
	list-style:inside url(../images/li_mark.gif);}

.news dl.cont dt{
	margin:0 15px 14px 0;
	padding:0 0 0 30px;
	background:url(../images/li_mark.gif) 10px 50% no-repeat;
	float: left;}

.news dl.cont dd{
	margin:0 0 14px ;
	border-bottom:1px #333 dotted;
	padding:0 0 14px 50px;}

/* gfd
------------------------------------------------------------------------*/

.gfd ul.cont,
.nsws ul.cont{
	width:636px;
	margin:0 0 26px 27px;
	padding:0;}

.gfd ul.cont li.cont2,
.nsws ul.cont li.cont2{
	margin:0 0 15px 0;
	padding:0;}
	
.gfd ul.cont li.de,
.nsws ul.cont li.de{
	list-style:inside decimal;
	}
	
	
.gfd dl.cont{
    width:636px;
	margin:-8px 0 26px 27px;
	background:#fffbeb;
	padding:10px 0;}

.gfd dl.cont dt{
	margin:0 10px 5px 15px;
	font-weight: bold;
	font-size: 1.2em;
	color:#ff7e00;}
	
.gfd dl.cont dd{
	margin:0 10px 14px 25px;}

.gfd #col-a .flo-right{float:right; margin-left:15px;}




/* nsws ,sweden
------------------------------------------------------------------------*/

.nsws p.la,
.sweden p.la,
.well p.la{font-size:16px; font-weight: bold; color:#1487c1; padding-bottom:0;}

.nsws h5.la,
.sweden h5.la,
.well h5.la{font-size:16px; font-weight: bold; color:#1487c1; padding-bottom:0; margin: 0 16px 0 30px; background: url(../images/h5_bg_mark.gif) 0 50% no-repeat; padding-left: 23px;}

.nsws dl.cont{
    width:636px;
	margin:0 0 26px 27px;
	background:#ffffc7;
	padding:10px 0;
	border:1px solid #947b0a;}

.nsws dl.cont dt{
	margin:0 10px 5px 15px;
	font-weight: bold;
	color:#3a3108;}
	
.nsws dl.cont dd{
	margin:0 10px 6px 15px;
	font-size:12px;
	background:url(../images/nsws_dd_mark.gif) 0 50% no-repeat;
	padding-left:15px;
	}


/* borling ,flat
------------------------------------------------------------------------*/

.borling div.flo-right,
.flat div.flo-right,
.sweden div.flo-right{
	text-align:center;
	margin-right: 30px;}
	
* html .sweden div.flo-right{
	margin-right: 15px;}

.borling div.flo-right img,
.flat div.flo-right img,
.sweden div.flo-right img{
	margin-bottom: 5px;}

.flat div.flo-right2{
    float:right;
	text-align:center;
	margin-right: 45px;}

.flat div.flo-right2 img{
	margin-bottom: 5px;}
	

.borling dl.cont,
.flat dl.cont{
	margin:0 0 26px 30px;
	padding:0;
	border:none;}

.borling dl.cont dt,
.flat dl.cont dt{
	margin:0 10px 5px 0;
	font-weight: bold;
	font-size:16px;
	color: #1487C1;
	background: url(../images/borling_dl_mark.gif) 0 50% no-repeat;
	padding-left:15px;}
	
.borling dl.cont dd,
.flat dl.cont dd{
	margin:0 10px 5px 15px;
	font-size:12px;}


/* sweden
------------------------------------------------------------------------*/

.sweden #col-a p{margin:0 30px 0 30px;}

.sweden #col-a .flo-left{float:left; margin-right:15px;}

.sweden p strong{font-size:1.1em; color:#008aa7;}



/* soil
------------------------------------------------------------------------*/
.soil #col-a ul.cont{
	margin:0 28px 10px -5px;
	padding:0;}
	
.soil #col-a ul.cont li{
	float:left;
	margin:0 0 30px 35px;}
	
* html .soil #col-a ul.cont li{
	float:left;
	margin:0 0 30px 25px;}


/* well
------------------------------------------------------------------------*/

.well #col-a .flo-right{float:right; margin-left:15px;}


.well dl.faq{
	margin:10px 26px 26px 30px;
	padding:10px 0 0 0;
	border:none;
	border-top:1px #71b4e8 dotted;}

.well dl.faq dt{
	margin:0 0 5px 0;
	font-weight: bold;
	font-size:1.15em;
	color:#08497b;}
	
.well dl.faq dd{
    padding-left:15px;
	margin:0 0 10px 0;
	border-bottom:1px #71b4e8 dotted;
	padding-bottom:10px;}





/* div.waku
------------------------------------------------------------------------*/

#col-a div.txt-waku{
	width:600px;/*620*/
	border:8px solid #d2e4ff;
	margin:-8px auto 0;
	padding:10px;}
	
* html #col-a div.txt-waku{
    width:630px;
	margin:0 0 0 30px;}
	
#col-a div.txt-waku p{ 
	margin: 0 0 0 0;}
	
#col-a div.txt-waku .flo-right{float:right; margin-left:15px; margin-right: 0;}
#col-a div.txt-waku .flo-left{float:left; margin-right:15px; margin-left: 0;}
	
#col-a div.txt-waku p.la{
	font-size:16px; 
	font-weight: bold; 
	color:#1487c1; 
	padding-bottom:0;
	margin: 0;}

#col-a div.txt-waku h5.la{
	font-size:16px; 
	font-weight: bold; 
	color:#1487c1; 
	padding:5px 0 0 0; 
	margin:0;
	background: none;
	}

.well #col-a div.txt-waku h5.la{
	font-size:16px; 
	font-weight: bold; 
	color:#1487c1; 
	padding:0 0 0 0; 
	margin: 0;
	background: url(../images/h5_bg_mark.gif) 0 50% no-repeat; padding-left: 23px;
	}

	
#col-a div.txt-waku ul.cont{
	width:100%;
	margin:0;
	padding:0;}

#col-a div.txt-waku ul.cont li.cont2{
	margin:0 0 15px 0;
	padding:0;}
	
#col-a div.txt-waku ul.cont li.de{
	list-style:inside decimal;
	}
	
#col-a div.txt-waku dl.cont{
	margin:0 0 0 0;
	padding:0;
	border:none;}
	

/* li.disc
------------------------------------------------------------------------*/
	

#col-a ul li.disc{
	list-style:inside disc;
	padding-left:3px;
	}
	


/* pageTop
------------------------------------------------------------------------*/

#col-a p.pageTop { margin: 0; padding: 0; text-align: right;}


/* contact
------------------------------------------------------------------------*/

.contact #col-a ul {
	width:636px;
	margin:0 0 0 27px;
	padding:0;
}

.contact #col-a ul li { margin-bottom: 5px;}

.contact #col-a td p { padding: 5px 0; margin: 0;}