@charset "UTF-8";

/*//////////////////////////////////////////////////////////////
	
//////////////////////////////////////////////////////////////*/

/*=======================================================
	shared
=======================================================*/
html {
	overflow-y:scroll;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック",Osaka;
	background: #DCF0F3;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
li {
	list-style: none;
	line-height: 140%;
}
p {
	line-height: 140%;
	margin-bottom: 15px;
}

/*=======================================================
	font-size
=======================================================*/
body {
	font-size:13px;
	*font-size:small;
	*font:x-small;
}
/* IE8向け */
html>/**/body {
    font-size: small;
}

table {
	font-size:inherit;
	/*font-size: 100%;*/
}
th, td {
	font-size: 103%;
}
p ,li {
	font-size: 100%; /* リセット */
	font-size: 103%;
}
.big {
	font-size: 100%; /* リセット */
	font-size: 123.1%;
}

/*-------------------------------------------------------
	clearfix 
-------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height:0;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/*=======================================================
	link Color
=======================================================*/
a:link {
	color: #003f84;
}
a:visited {
	color: #420000;
}
a:hover {
	color: #ee1111;
}
a:active {
	color: #ee1111;
}


/*-------------------------------------------------------
	font weight
-------------------------------------------------------*/
.b {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

/*=======================================================
	color
=======================================================*/
.red {
	color: #CC0000;
}
.blue {
	color: #0099CC;
}
.orange {
	color: #FF6600;
}
.yellow {
	color: #996600;
}
.green {
	color: #55B859;
}

/*-------------------------------------------------------
	margin
-------------------------------------------------------*/
/* top */
.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}


/* left */
.ml0 {
	margin-left: 0px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}

/* right */
.mr0 {
	margin-right: 0px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}



/* bottom */
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}

/*=======================================================
	float
=======================================================*/
.fleft {
	float: left;
}
.fright {
	float: right;
}


/*=======================================================
	align
=======================================================*/
.left {
	text-align: left !important;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}

/*=======================================================
	skipNav
=======================================================*/
.skipNav {
	margin: 0px 0px 0px -9999px;
	padding: 0px;
	text-indent: -9999px;
	position: absolute;
}

/*
=========================================================
	table
=========================================================
*/
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
th,td {
	vertical-align: top;
}


/*
=========================================================
	indent
=========================================================
*/
.note {
	padding-left:1em;
	text-indent:-1em;
	display: block;
}
.note1_5 {
	padding-left:1.5em;
	text-indent:-1.5em;
	display: block;
}
.note2 {
	padding-left:2em;
	text-indent:-2em;
	display: block;
}

/*********************************************************************************************************************************************/


/*=======================================================
	header
=======================================================*/
/* bg_blue */
.bgBlue {
	background: #00A0E8;
}

.headLine {
	width: 100%;
}

/*-------------------------------------------------------
	header
-------------------------------------------------------*/
.header {
	width: 100%;
}
.header td {
	text-align: center;
}

.headerInner {
	width: 780px;
	margin: 30px auto 0px;
	text-align: left;
}

.headerInnerSub {
	width: 780px;
	margin: 10px auto 0px;
	text-align: left;
}



.headerInner td {
}


/*=======================================================
	mainImage
=======================================================*/
.mainImageArea {
	width: 780px;
	height: 345px;
	margin: 0px auto 25px;
	text-align: center;
	background: url(../img/bg_gnav_main.gif) no-repeat left top;
}


.mainImageArea .gnavArea {
	width: 650px;
	height: 272px;
	margin: 50px auto 0px;
	text-align: left;
}

.mainImageArea .gnavArea td {
	text-indent: -9999px;
}

.mainImageArea .gnavArea td a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.mainImageArea .gnavArea td.gnav01 a,
.mainImageArea .gnavArea td.gnav02 a {
	width: 325px ;
	height: 56px;
}

.mainImageArea .gnavArea td.gnav03 a,
.mainImageArea .gnavArea td.gnav04 a,
.mainImageArea .gnavArea td.gnav05 a,
.mainImageArea .gnavArea td.gnav06 a,
.mainImageArea .gnavArea td.gnav07 a,
.mainImageArea .gnavArea td.gnav08 a {
	width : 325px;
	height: 72px;
	
}


.mainImageArea .gnavArea td.gnav01 a{
	background: url(../img/gnav_01.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav02 a{
	background: url(../img/gnav_02.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav03 a{
	background: url(../img/gnav_03.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav04 a{
	background: url(../img/gnav_04.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav05 a{
	background: url(../img/gnav_05.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav06 a{
	background: url(../img/gnav_06.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav07 a{
	background: url(../img/gnav_07.gif) no-repeat left top;
}
.mainImageArea .gnavArea td.gnav08 a{
	background: url(../img/gnav_08.gif) no-repeat left top;
}

.mainImageArea .gnavArea td.gnav01 a:hover,
.mainImageArea .gnavArea td.gnav02 a:hover,
.mainImageArea .gnavArea td.gnav03 a:hover,
.mainImageArea .gnavArea td.gnav04 a:hover,
.mainImageArea .gnavArea td.gnav05 a:hover,
.mainImageArea .gnavArea td.gnav06 a:hover,
.mainImageArea .gnavArea td.gnav07 a:hover,
.mainImageArea .gnavArea td.gnav08 a:hover {
	background-position: left bottom;
}

.mainImageArea .gnavArea td {
	margin-top: 22px;
}


/*=======================================================
	contentArea
=======================================================*/

.contentArea {
	width: 780px; 
	margin: 0px auto 20px;
}

/* --- pdfArea --- */

.pdfArea {
	background: url(../img/bg_pdf.gif) no-repeat left top;
	width: 380px;
	height: 260px;
	padding-top: 3px;
}

.pdfArea img {
	margin-top: 2px;
}


/* --- conceptArea --- */

.conceptArea {
	width: 380px;
	height: 260px;
}

.conceptArea .conceptBox {
	width: 380px;
	background: #ECF7F9 url(../img/text_box_top.gif) no-repeat right top;
}

.conceptArea .conceptBox .text {
	height: 210px;
	text-align: left;
	padding: 20px;
	line-height: 160%;
}


/*=======================================================
	btnPageTop
=======================================================*/
.btnPageTop {
	width: 780px;
	margin: 0px auto;
	padding: 0px;
}
.btnPageTop td {
	text-align: right;
}
.btnPageTop td img {
	vertical-align: bottom;
}

/*=======================================================
	footerArea
=======================================================*/
.footerArea {
	width: 100%;
	margin: 0px auto;
	background: #00A0E8 url(../img/footer_bg.gif) repeat-x left top;
}
.footerArea td {
	text-align: left;
}

/*=======================================================
	footer
=======================================================*/
.footer {
	width: 780px;
	margin: 0px auto;
}
.footer td {
	text-align: left;
}

/*=======================================================
	address
=======================================================*/
.address {
	width: 780px;
	margin: 0px auto;
}
.address td {
	text-align: left;
	vertical-align: middle;
}
.btnBox {
	width: 190px;
	text-align: right;
}


.address .ttlInquiry {
	width: 85px;
}
.address .addressBox {
	color: #FFF;
	font-size: 100%;
	font-size: 85%;
	line-height: 150%;
}
.address .addressBox a {
	color: #FFF;
}
.address .addressBox a:hover {
	color:#ee1111;
}

/*=======================================================
	list
=======================================================*/
.list {}

.list li {
	margin-bottom: 5px;
}

/*=======================================================
	gnav
=======================================================*/

.gnavAreaTop,
.gnavAreaBottom {
	width: 780px;
	height: 80px;
	margin: 0px auto 30px;
	background: url(../img/dotline_02.gif) repeat-x left bottom;
}

.gnavAreaTop td,
.gnavAreaBottom td {
	height: 80px;
	vertical-align:middle;
	letter-spacing:3px;
}

.gnavAreaTop td .mokuji,
.gnavAreaBottom td .mokuji {
	letter-spacing: 0px;
}


.gnavAreaBottom {
	margin-top: 30px;
	background: url(../img/dotline_02.gif) repeat-x left top;
}

.gnavAreaTop .center,
.gnavAreaBottom center {
}


/*=======================================================
	01_sougou_mainImageArea
=======================================================*/

.sougou_mainImageArea {
	width: 780px;
	margin: 0px auto;
	background: #fff url(../img/bg_sub_content_top.gif) no-repeat left top;
}

.sougou_mainImageArea .mttl {
	margin: 0px auto;
	padding:30px 0px 30px;
}

.sougou_mainImageArea td.img_01 {
	margin: 0px auto;
	padding-bottom: 20px;
}

.sougou_mainImageArea td.img_02 {
	margin: 0px auto;
}


/*=======================================================
	02_fukuoka_mainImageArea
=======================================================*/

.fukuoka_mainImageArea {
	margin: 0px auto;
	background: #fff url(../img/bg_sub_content_top.gif) no-repeat left top;
}

.fukuoka_mainImageArea .mttl {
	margin: 0px auto;
	padding:30px 0px 0px;
}

.fukuoka_mainImageArea td.img_01 {
	margin: 0px auto;
	padding-bottom:40px;
}

.fukuoka_mainImageArea td.img_02,
.fukuoka_mainImageArea td.img_03,
.fukuoka_mainImageArea td.img_04,
.fukuoka_mainImageArea td.img_05,
.fukuoka_mainImageArea td.img_06 {
	margin: 0px auto;
	padding-bottom: 10px;
}


/*=======================================================
	03_yasashii_mainImageArea
=======================================================*/

.yasashii_mainImageArea {
	margin: 0px auto;
	background: #fff url(../img/bg_sub_content_top.gif) no-repeat left top;
}

.yasashii_mainImageArea .mttl {
	margin: 0px auto;
	padding:30px 0px 30px;
}

.yasashii_mainImageArea td.img_01 {
	margin: 0px auto;
	padding-bottom:20px;
}

.yasashii_mainImageArea td.img_02 {
	padding-bottom: 20px;
}

.yasashii_mainImageArea td.img_02 .img_02_inner {
	width:685px;
	margin: 0px auto;
}

.yasashii_mainImageArea td.img_02 .textBox {
	width: 415px;
	text-align: left;
}

.yasashii_mainImageArea td.img_02 .imgBox {
	width: 270px;
	text-align: right;
}

.yasashii_mainImageArea td.img_03 {
	margin: 0px auto;
}


/*=======================================================
	04_kankyou_mainImageArea
=======================================================*/

.kankyou_mainImageArea {
	margin: 0px auto;
	background: #fff url(../img/bg_sub_content_top.gif) no-repeat left top;
}

.kankyou_mainImageArea .mttl {
	margin: 0px auto;
	padding:20px 0px 30px;
}

.kankyou_mainImageArea td.img_01 {
	margin: 0px auto;
	padding-bottom:20px;
}

.kankyou_mainImageArea td.img_02 {
	padding-bottom: 30px;
}

.kankyou_mainImageArea td.img_02 .img_02_inner {
	width:685px;
	margin: 0px auto;
}

.kankyou_mainImageArea td.img_02 .textBox {
	width: 435px;
	text-align: left;
}

.kankyou_mainImageArea td.img_02 .imgBox {
	width: 250px;
	text-align: right;
}

.kankyou_mainImageArea td.img_03 {
	margin: 0px auto;
}

/*=======================================================
	05_miryoku_mainImageArea
=======================================================*/

.miryoku_mainImageArea {
	width: 780px;
	margin: 0px auto;
	background: #fff url(../img/bg_sub_content_top.gif) no-repeat left top;
}

.miryoku_mainImageArea .mttl {
	margin: 0px auto;
	padding:20px 0px 30px;
}

.miryoku_mainImageArea td.img_01 {
	margin: 0px auto;
	padding-bottom:20px;
}

.miryoku_mainImageArea td.img_02 {
}

.miryoku_mainImageArea td.img_02 .img_02_inner {
	width:685px;
	margin: 0px auto;
}

.miryoku_mainImageArea td.img_02 .textBox {
	text-align: left;
}

.miryoku_mainImageArea td.img_03 {
	margin: 0px auto;
}


/*=======================================================
	06_sekai_mainImageArea
=======================================================*/

.sekai_mainImageArea {
	margin: 0px auto;
	background: #fff url(../img/bg_sub_content_top.gif) no-repeat left top;
}

.sekai_mainImageArea .mttl {
	margin: 0px auto;
	padding:30px 0px 30px;
}

.sekai_mainImageArea td.img_01 {
	margin: 0px auto;
	padding-bottom:20px;
}

.sekai_mainImageArea td.img_02 {
	padding-bottom: 20px;
}

.sekai_mainImageArea td.img_02 .img_02_inner {
	width:685px;
	margin: 0px auto;
}

.sekai_mainImageArea td.img_02 .textBox {
	text-align: left;
}

.sekai_mainImageArea td.img_03 {
	margin: 0px auto;
}


/*=======================================================
	07_sumitai_mainImageArea
=======================================================*/

.sumitai_mainImageArea {
	width: 780px;
	margin: 0px auto;
}

.sumitai_mainImageArea .mttl {
	margin: 0px auto;
}

.floatArea {
	margin: 0px auto;
	padding-bottom: 20px;
}

.sumitai_mainImageArea td.img_01 {
}

.sumitai_mainImageArea td.img_02 {
}

.sumitai_mainImageArea td.img_03 {
	margin: 0px auto;
}

.sumitai_mainImageArea td.img_03 .img_03_inner {
	width: 700px;
	margin: 0px auto;
}

.sumitai_mainImageArea td.img_03 .textBox {
	width: 435px;
	text-align: left;
}

.sumitai_mainImageArea td.img_03 .imgBox {
	width: 250px;
	text-align: right;
}

.sumitai_mainImageArea td.img_04 {
	margin: 0px auto;
}




/*=======================================================
	08_korekara_mainImageArea
=======================================================*/

.korekara_mainImageArea {
	width: 740px;
	margin: 0px auto;
}


.korekara_mainImageArea .textBox .mttl {
	margin: 0px auto;
}

.korekara_mainImageArea .textBox {
	width: 740px;
	margin: 0px auto;
	background: url(../img/bg_korekara_mdl.gif) repeat-y top left;
}


.korekara_mainImageArea .textBox .text {
	width: 575px;
	margin: 0px auto;
	padding:20px 0px 20px;
	text-align: left;
}

.korekara_mainImageArea .imgBox {
	width: 740px;
	padding-bottom: 65px;
	background: url(../img/bg_korekara_btm.gif) no-repeat left bottom;
}

.korekara_mainImageArea .imgBox .img_inner {
	margin: 0px auto;
}

.korekara_mainImageArea .imgBox .img_inner .img_01 {
	padding-bottom: 10px;
}

/*=======================================================
	common
=======================================================*/
.textBox {
	line-height: 160%;
}