@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_normal3 {
	margin-top:8px;
}

.mt_large {
	margin-top:16px;
}

.mt_large2 {
	margin-top:33px;
}

.mt_large3 {
	margin-top:36px;
}

.mt_large4 {
	margin-top:18px;
}

.mt_large5 {
	margin-top:29px;
}

.mt_large6 {
	margin-top:25px;
}

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

.mb_middle {
	margin-bottom:10px;
}

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

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

.mtb_large3 {
	margin-top:20px;
	margin-bottom:41px;
}

.mtb_large4 {
	margin-top:25px;
	margin-bottom:25px;
}

.mtbl_large {
	margin-top:16px;
	margin-bottom:34px;
	margin-left:5px;
}

.mtbl_middle {
	margin-top:8px;
	margin-bottom:10px;
	margin-left:5px;
}

.mtl_large {
	margin-top:18px;
	margin-left:5px;
}

.mtr_large {
	margin:7px 35px 0 0;
}

.ml_small {
	margin-left:5px;
}

.mr_large {
	margin-right:38px;
}

.mr_large2 {
	margin-right:22px;
}

.mr_normal {
	margin-right:9px;
}

.txt_right {
	text-align:right;
}

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

.txt_center {
	text-align:center;
}

.clr {
	clear:both;
}

.img_right {
	float:right;
	margin:0 4px 0 20px;
}

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

.bottom {
	vertical-align: middle;
}
/*======================================

	Txt

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

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

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

h3.sec2 {
	clear:both;
	margin-bottom:0;
}

h3.sec3 {
	clear:both;
	margin-bottom:12px;
	margin-top:35px;
}

h4 {
	clear:both;
}


h4.sec3 {
	clear:both;
	margin-bottom:12px;
}

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

.txt02 {
	color:#37566D;
}

.pink {
	color:#F84F6C;
	font-weight:bold;
	font-size:0.85em;
}

.pink2 {
	color:#F84F6C;
	font-weight:bold;
}

.pink3 {
	color:#F84F6C;
	font-weight:bold;
	font-size:1.05em;
}

.pink4 {
	color:#F84F6C;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:14px;
}

.pink5 {
	color:#F84F6C;
	font-weight:bold;
	font-size:1.2em;
	margin-top:5px;
	margin-bottom:14px;
}

.pink6 {
	color:#F84F6C;
	font-weight:bold;
	font-size:1.2em;
	margin-top:15px;
	margin-bottom:14px;
}


.txt12 {
	font-size:0.85em;
}

.red {
	color:#FF0000;
	font-weight:bold;
}
/*======================================

	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:auto;
	text-align:left;
	margin:0 auto;
}

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

* html .disp_l {
	height:25px;
}

.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 .web {
	position:absolute;
	float:right;
	width:115px;
	height:38px;
	left: 667px;
	top: 19px;
}

div#logo .web a {
	display:block;
	width:115px;
	height:39px;
	text-indent:-999em;
}

div#logo .web a:hover {
	display:block;
	background:url(../common/logo.jpg) no-repeat -667px -102px;
	width:115px;
	height:39px;
}

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

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

div#body_inner ul {
	padding-left:20px;
}

div#body_inner li {
	list-style:disc;
}
/*======================================

	TOP

=======================================*/
.top {
	background:url(../img/top/line2.gif) bottom no-repeat;
	width:550px;
	height:200px;
	padding-bottom:2px;
	margin-top:2px;
	overflow:auto;
	margin-bottom:31px;
}

.top dl {
}

.top dt {
	margin:10px 0 5px 0;
}

.top dd {
	background:url(../img/top/list_line.gif) bottom no-repeat;
	width:520px;
	height:auto;
	padding-bottom:9px;
}

.power_staff {
	clear:both;
	background:url(../common/line2.gif) bottom no-repeat;
	width:550px;
	height:auto;
	padding:0 0 22px 0;
	margin-bottom:12px;
}

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

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

.power_staff2 {
	clear:both;
	width:550px;
	height:auto;
}

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

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

.tel {
	clear:both;
	position:relative;
	background:url(../common/tel.jpg) no-repeat 0 0;
	width:551px;
	height:135px;
	margin:36px 0 20px 0;
}
.tel a {
	position:absolute;
	display:block;
	width:274px;
	height:73px;
	text-indent:-999em;
	left: 276px;
	top: 60px;
}
.tel a:hover {
	background:url(../common/tel.jpg) no-repeat -276px -195px;
	display:block;
	width:274px;
	height:73px;
}
/*======================================

	WORKS
	
=======================================*/
.works_top {
	background:url(../img/works/txt02.gif) no-repeat 0 0;
	width:550px;
	height:27px;
	padding:4px 0 0 0;
	color:#FFFFFF;
	margin-top:23px;
	font-weight:bold;
}

html > body .works_top {
	height:23px;
}

:root .works_top {
	padding:5px 0 0 0;
	height:22px;
}

* html .works_top {
	padding:5px 0 0 0;
}

.works_title {
	display:block;
	width:240px;
	height:auto;
	margin-left:6px;
	font-size:1.25em;
	text-align:center;
}

.works_bottom {
	background: url(../img/works/txt_bottom.gif) no-repeat bottom;
	width:550px;
	height:auto;
	padding:19px 10px 20px 10px;
	margin-bottom:7px;
}

html > body .works_bottom {
	width:530px;
}

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

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

.line {
	background:url(../img/works/line.gif) bottom no-repeat;
	width:530px;
	height:auto;
	padding:0 0 18px 3px;
	margin-bottom:15px;
}

html > body .line {
	width:527px;
}

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

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

.works_bg {
	width:530px;
	height:auto;
	background-color:#FFE3C8;
	padding:11px 85px 25px 9px;
	margin-top:15px;
}

html > body .works_bg {
	width:436px;
}

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

	INFROMATION

=======================================*/
.infor {
	background:url(../common/line2.gif) bottom no-repeat;
	width:550px;
	height:auto;
	padding-bottom:19px;
	margin-bottom:18px;
}

.infor_bg {
	width:550px;
	height:auto;
	background-color:#FFE3C8;
	padding:11px 21px 12px 11px;
	margin:19px 0 36px 0;
}

html > body .infor_bg {
	width:518px;
}

infor ul {
	padding:0;
	margin:0;
}
/*======================================

	About

=======================================*/
.about {
	clear:both;
	width:550px;
	height:auto;
	padding:0 0 22px 0;
	margin-bottom:12px;
}

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

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

.about2 {
	clear:both;
	width:550px;
	height:auto;
	padding:0 0 10px 0;
}

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

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

.about_top {
	background:url(../img/about/txt_bg.jpg) no-repeat 0 0;
	width:550px;
	height:39px;
	padding:4px 0 0 0;
	color:#FFFFFF;
	margin-top:23px;
	font-weight:bold;
}

html > body .about_top {
	height:35px;
}

:root .about_top {
	padding:5px 0 0 0;
	height:34px;
}

* html .about_top {
	padding:5px 0 0 0;
}

.about_title {
	display:block;
	width:266px;
	text-align:center;
}

.about_bottom {
	background: url(../img/works/txt_bottom.gif) no-repeat bottom;
	width:550px;
	height:auto;
	padding:0 10px 20px 10px;
	margin-bottom:7px;
}

html > body .about_bottom {
	width:530px;
}

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

	Contact

=======================================*/
.contact1 {
	width:550px;
	margin-top:10px;
	margin-bottom:20px;
	border-top:1px solid #CCCCCC;
}

.contact1 th {
	width:200px;
	padding:5px 0 5px 8px;
	background-color:#FFF6F6;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	vertical-align:top;
	font-size:14px;
}

* html .contact1 th {
	padding-top:8px;
}

.contact1 th.bt14 {
	width:auto;
	padding:15px 0 10px 0;
	background-color:#FFFFFF;
	border-right:none;
	border-left:none;
	border-bottom:none;
	text-align:center;
	font-style:normal;
}

.contact1 td {
	padding:5px 0 5px 8px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.contact1 td.bt15 {
	padding:5px 0 5px 8px;
	vertical-align:middle;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}


.contact1 .text1 {
	width:180px;
}

.contact1 .text2 {
	width:60px;
}

.contact1 .text3 {
	width:300px;
}

.contact1 .text_box {
	width:300px;
	height:100px;
}

.contact1 .text4 {
	vertical-align:middle;
}

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

	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:18px;
	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/about_off.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
	text-indent:-999em;
}
div#global_navi_inner li.bt1 a:hover {
	display:block;
	background: url(../common/about_on.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
}

div#global_navi_inner li.bt2 {
}

div#global_navi_inner li.bt2 a {
	display:block;
	background: url(../common/works_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/works_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/entry_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/entry_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/information_off.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
	text-indent:-999em;
}
div#global_navi_inner li.bt4 a:hover {
	display:block;
	background: url(../common/information_on.jpg) no-repeat 0 0;
	width:180px;
	height:55px;
}

div#global_navi_inner li.bt5 {
}

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

div#global_navi_inner li.bt6 {
}

div#global_navi_inner li.bt6 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.bt6 a:hover {
	display:block;
	background: url(../common/company_on.jpg) no-repeat 0 0;
	width:180px;
	height:54px;
}

.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:7px 6px 0 6px;
	padding-bottom:6px;
}

.entry {
}

.entry a {
		text-decoration:underline;
	color:#333333;
} 

.entry a:hover {
	text-decoration:none;
} 

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

	Footer

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

div#footer {
	background:url(../common/footer_bg.jpg) top no-repeat;
	width:791px;
	height:auto;
	clear:both;
	margin:0 auto;
	border-bottom:1px solid #CDD5DA;
	padding:11px 0 11px 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;
}