@charset "utf-8";
@import "default.css";

/*======================================

	Body

=======================================*/

body {
	background-color:#F4F8FB;
}

a:link {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*======================================

	All Parts

=======================================*/

.none {
	display:none;
}

.mt_small {
	margin-top:5px;
}

.mt_normal {
	margin-top:10px;
}

.mt_normal2 {
	margin-top:13px;
}

.mt_large {
	margin-top:16px;
}

.mt_large2 {
	margin-top:33px;
}

.mt_large3 {
	margin-top:36px;
}

.mb_normal {
	margin-bottom:10px;
}

.mb_large {
	margin-bottom:22px;
}

.mb_large2 {
	margin-bottom:36px;
}

.mb_large3 {
	margin-bottom:31px;
}

.mb_large4 {
	margin-bottom:19px;
}

.mtb_large {
	margin-top:19px;
	margin-bottom:10px;
}

.mtb_large2 {
	margin-top:32px;
	margin-bottom:31px;
}

.mtb_large3 {
	margin-top:16px;
	margin-bottom:31px;
}

.mr_large {
	margin-right:20px;
}

.txt_right {
	text-align:right;
}

.txt_right12 {
	text-align:right;
	font-size:0.85em;
}

.txt_center {
	text-align:center;
}

.clr {
	clear:both;
}

.right {
	float:right;
}

.left {
	float:left;
}

.border {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:16px;
}

.border2 {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding-bottom:16px;
	padding-top:14px;
}

.border a {
	text-decoration:none;
	color:#37566D;
}

.border a:hover {
	text-decoration: underline;
}

.border2 a {
	text-decoration:none;
	color:#37566D;
}

.border2 a:hover {
	text-decoration: underline;
}

/*======================================

	Txt

=======================================*/
h2 {
}

h3 {
	clear:both;
	margin-bottom:9px;
}

h3.sec {
	clear:both;
	margin-bottom:6px;
}


h4 {
	clear:both;
	font-weight:normal;
}

h4.sec2 {
	clear:both;
	font-weight:normal;
	margin-bottom:31px;
}

.txt01 {
	color:#37566D;
	font-weight:bold;
	font-size:0.85em;
}

.txt02 {
	color:#37566D;
}

.txt03 {
	font-weight:bold;
	color:#37566D;
}

.company_txt {
	font-size:0.8em;
}
/*======================================

	Container

=======================================*/

#container {
	width:860px;
	text-align:center;
	margin:0 auto;
	height:auto;
	background:url(../common/bg.gif) repeat-y;
	padding:0 15px 1px 15px;
}

html > body #container {
	width:830px;
}

/*clearfix*/

#container:after {
　　content: ".";
　　display:block;
　　visibility:hidden;
　　height:1%;
　　line-height:0;
　　clear:both;
　　margin-bottom:15px;
}

#container {
　　display:inline-block;
　　zoom:100%;
　　margin-bottom:15px;
}

/*======================================

	Header

=======================================*/
div#disp {
	background:url(../common/head_bg.jpg) repeat-x;
	width:100%;
	height:32px;
	margin:0 auto;
}

div#disp:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#disp {
    height: 1em;
    overflow: visible;
}
/**/

.disp_inner {
	width:790px;
	height:32px;
	text-align:left;
	margin:0 auto;
}

.disp_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html d.disp_inner {
    height: 1em;
    overflow: visible;
}
/**/

.disp_l {
	float:left;
	width:500px;
	height:auto;
	font-size:0.8em;
	color:#FFFFFF;
	margin-top:7px;
}

.font {
	float:right;
	width:150px;
	height:auto;
	margin-right:20px;
	margin-top:3px;
}

* html .font {
	width:200px;
	margin-right:-25px;
}

.font ul#chara {
	background:url(../common/font_bg.jpg) no-repeat 0 0;
	width:150px;
	height:26px;
	padding-left:103px;
}

* html .font ul#chara {
	width:180px;
}

.font ul#chara li {
	float:left;
}

.font ul#chara .sizeM {
	width:31px;
	height:26px;
	text-indent:-999em;
	cursor:pointer;
	background:url(../common/size_m.gif) no-repeat 0 0;
}

.font ul#chara .sizeL {
	width:34px;
	height:26px;
	text-indent:-999em;
	cursor:pointer;
	background:url(../common/size_l.gif) no-repeat 0 0;
}

div#header {
	clear:both;
	width:790px;
	height:auto;
	text-align:left;
	margin:0 auto;
}

div#header h1 {
	clear:both;
}

div#logo {
	position:relative;
	background:url(../common/logo.jpg) no-repeat 0 0;
	width:790px;
	height:83px;
	clear:both;
}

div#logo h1 {
	width:238px;
	height:62px;
}

div#logo h1 a {
	display:block;
	width:238px;
	height:62px;
	margin-top:7px;
	text-indent:-999em;
}

:root div#logo h1 a {
	margin-top:0px;
	padding-top:7px;
	height:60px;
}

div#logo .top_navi {
}

div#logo .top_navi ul {
}

div#logo .top_navi li {
	display:inline;
}

div#logo .top_navi li.bt5 {
}

div#logo .top_navi li.bt5 a {
	position: absolute;
	display:block;
	width:60px;
	height:36px;
	text-indent:-999em;
	left: 628px;
	top: 24px;
}

div#logo .top_navi li.bt6 {
}

div#logo .top_navi li.bt6 a {
	position: absolute;
	display:block;
	width:93px;
	height:36px;
	text-indent:-999em;
	left: 689px;
	top: 24px;
}

/*======================================

	Contents

=======================================*/

div#contents {
	background:url(../common/con_bg.gif) repeat-y;
	width:790px;
	height:auto;
	margin:0 auto;
	text-align:left;
	clear:both;
}

div#contents after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#contents {
    height: 1em;
    overflow: visible;
}
/**/

div#body {
	float:right;
	width:590px;
	height:auto;
}

div#body_inner {
	width:auto;
	padding:0 15px 29px 20px;
}

/*======================================

	TOP

=======================================*/


/*======================================

	Company
	
=======================================*/
.company {

} 

.company table {
	font-size:1.2em;
} 

.company table tr {
} 

.company table td.bt7 {
	background:url(../img/company/line1.gif) bottom no-repeat;
	width:117px;
	height:auto;
	background-color:#EAF0F4;
	padding:7px 0 8px 7px;
	color:#37566D;
} 

.company table td.bt8 {
	background:url(../img/company/line1.gif) bottom no-repeat;
	width:auto;
	height:auto;
	padding:7px 0 8px 7px;
} 

.company table td.bt9 {
	background:url(../img/company/line2.gif) bottom no-repeat;
	width:auto;
	height:auto;
	padding:7px 0 8px 7px;
} 

.company table td.bt10 {
	background:url(../img/company/line1.gif) bottom no-repeat;
	width:117px;
	height:auto;
	background-color:#EAF0F4;
	padding:0 0 0 7px;
	vertical-align:middle;
	color:#37566D;
} 

.company table td.bt11 {
	width:auto;
	height:auto;
	padding:7px 0 0 7px;
} 

.company table td.bt12 {
	background:url(../img/company/line2.gif) bottom no-repeat;
	width:auto;
	height:auto;
	padding:0 0 8px 7px;
} 

.company table td.bt13 {
	background:url(../img/company/line2.gif) bottom no-repeat;
	width:auto;
	height:auto;
	padding:0 0 8px 7px;
}

.company table td.bt14 {
	background:url(../img/company/line1.gif) bottom no-repeat;
	width:200px;
	height:auto;
	text-align:right;
} 
/*======================================

	Privacy

=======================================*/
div#privacy_inner {
	font-size:1.2em;
}

.privacy_menu {
	position:relative;
	background:url(../img/privacy/menu.jpg) no-repeat 0 0;
	width:550px;
	height:26px;
	margin-bottom:19px;
}

.privacy_menu ul {
}

.privacy_menu li {
	display:inline;
}

.privacy_menu li.bt15 {
	width:141px;
	height:26px;
}

.privacy_menu li.bt15 a {
	position:absolute;
	display:block;
	width:141px;
	height:26px;
	text-indent:-999em;
}
.privacy_menu li.bt15 a:hover {
	display:block;
	background:url(../img/privacy/menu.jpg) no-repeat 0 -26px;
	width:141px;
	height:26px;
	text-indent:-999em;
}

.privacy_menu li.bt16 {
	width:157px;
	height:26px;
}

.privacy_menu li.bt16 a {
	position:absolute;
	display:block;
	width:157px;
	height:26px;
	text-indent:-999em;
	left: 146px;
}
.privacy_menu li.bt16 a:hover {
	display:block;
	background:url(../img/privacy/menu.jpg) no-repeat -146px -26px;
	width:157px;
	height:26px;
}

.privacy_menu li.bt17 {
	width:242px;
	height:26px;
}

.privacy_menu li.bt17 a {
	position:absolute;
	display:block;
	width:242px;
	height:26px;
	text-indent:-999em;
	left: 308px;
}
.privacy_menu li.bt17 a:hover {
	display:block;
	background:url(../img/privacy/menu.jpg) no-repeat -308px -26px;
	width:242px;
	height:26px;
}

.privacy {
	width:auto;
	height:auto;
	border:1px solid #5C8BAD;
	padding:13px 16px 15px 13px;
	margin:23px 0 16px 0;
}

.privacy ol {
	padding-left:25px;
}

.privacy li {
	list-style:decimal;
	padding-bottom:32px;
}

.privacy ol.bt21 {
	padding-left:10px;
	margin-bottom:0px;
	padding-top:15px;
}

.privacy li.bt22 {
	list-style:none;
	padding-bottom:11px;
}

.privacy li.bt23 {
	list-style:none;
	padding-bottom:0;
}

.pagetop {
	margin-top:10px;
	text-align:right;
}

.pagetop a {
	text-decoration:none;
	color:#37566D;
}

.pagetop a:hover {
	text-decoration: underline;
}

.privacy_table {
	width:auto;
	height:auto;
	margin:13px 0 25px 0;
}

.privacy_table table {
	width:524px;
	height:auto;
	font-size:1em;
	border-left:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
}

.privacy_table table tr {
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}

.privacy_table table td {
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	padding:8px 12px 10px 10px;
}

.privacy_table table td.bt18 {
	border-right:1px solid #E5E5E5;
	background-color:#EAF0F4;
	border-bottom:none;
	color:#37566D;
	padding:6px 0 8px 0;
	text-align:center;
}

.privacy_table table td.bt19 {
	border-right:1px solid #E5E5E5;
	border-bottom:none;
	background-color:#EAF0F4;
	color:#37566D;
	width:387px;
	padding:6px 0 8px 0;
	text-align:center;
}

.privacy_table table td.bt20 {
	vertical-align:middle;
	padding:0 0 0 10px;
}

.privacy_table ul {
	padding-left:15px;
}

.privacy_table li {
	list-style:disc;
	padding:0;
	margin:0;
}

.privacy_table2 {
	font-size:1em;
	margin-top:32px;
	margin-bottom:31px;
}

.privacy_table3 {
	font-size:1em;
	margin-top:16px;
	margin-bottom:31px;
}
 
 
h4.sec2 {
	clear:both;
	font-weight:normal;
	margin-bottom:31px;
}
/*======================================

	philosophy

=======================================*/
.philosophy_top {
	background:url(../img/philosophy/bg1.jpg) no-repeat 0 0;
	width:551px;
	height:46px;
	padding:9px 0 0 12px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:27px;
}

html > body .philosophy_top {
	width:539px;
	height:37px;
}

.philosophy_bottom {
	background:url(../img/philosophy/bg2.jpg) no-repeat 0 0;
	width:551px;
	height:109px;
	padding-left:11px;
	padding-right:120px;
}

html> body .philosophy_bottom {
	width:420px;
}
/*======================================

	global navi

=======================================*/

div#global_navi {
	width:200px;
	height:auto;
	float:left;
	padding:11px 10px 0 10px;
	background-color:#F2F2F2;
}

html > body div#global_navi {
	width:180px;
}

* html div#global_navi {
	width:200px;
	padding:11px 9px 0 9px;
}

div#global_navi_inner {
	width:180px;
	height:auto;
	padding-bottom:16px;
	background-color:#FFFFFF;
}

div#global_navi_inner ul {
	margin-bottom:20px;
}

div#global_navi_inner li {
}

div#global_navi_inner li a {
	display:block;
	width:auto;
	height:auto;
	text-indent:-999em;
}

div#global_navi_inner li.bt1 {
}

div#global_navi_inner li.bt1 a {
	display:block;
	background: url(../common/company_off.jpg) no-repeat 0 0;
	width:180px;
	height:54px;
	text-indent:-999em;
}
div#global_navi_inner li.bt1 a:hover {
	display:block;
	background: url(../common/company_on.jpg) no-repeat 0 0;
	width:180px;
	height:54px;
}

div#global_navi_inner li.bt2 {
}

div#global_navi_inner li.bt2 a {
	display:block;
	background: url(../common/philosophy_off.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
	text-indent:-999em;
}
div#global_navi_inner li.bt2 a:hover {
	display:block;
	background: url(../common/philosophy_on.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
}

div#global_navi_inner li.bt3 {
}

div#global_navi_inner li.bt3 a {
	display:block;
	background: url(../common/inquiry_off.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
	text-indent:-999em;
}
div#global_navi_inner li.bt3 a:hover {
	display:block;
	background: url(../common/inquiry_on.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
}

div#global_navi_inner li.bt4 {
}

div#global_navi_inner li.bt4 a {
	display:block;
	background: url(../common/privacy_off.jpg) no-repeat 0 0;
	width:180px;
	height:53px;
	text-indent:-999em;
}
div#global_navi_inner li.bt4 a:hover {
	display:block;
	background: url(../common/privacy_on.jpg) no-repeat 0 0;
	width:180px;
	height:53px;
	text-indent:-999em;
}

.navi_company {
	width:168px;
	height:auto;
	margin:18px 8px 0 6px;	
}

.navi_area_inner {
	background:url(../common/line.jpg) bottom no-repeat;
	width:168px;
	height:auto;
	margin-top:7px;
	padding-bottom:6px;
}


/*======================================

	Footer

=======================================*/

div#footer {
	width:790px;
	height:auto;
	clear:both;
	margin:0 auto;
	border-top:2px solid #37566D;
	border-bottom:1px solid #CDD5DA;
	padding:11px 0 12px 0;
}

div#footer a {
	color:#666666;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}

div#footer ul {
}

div#footer li {
	display:inline;
}

address {
	margin:10px 0 10px 0;
	color:#666666;
}