@charset "utf-8";

/* ------------------------------------------------------------------------------------ */
/* common */
/* ------------------------------------------------------------------------------------ */

body {
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:100.01%;
}

img { vertical-align:bottom; border:none;}

/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p { margin:0; padding:0;}

/* ------------------------------------------------------------------------------------ */
/* wrapper */
/* ------------------------------------------------------------------------------------ */

#wrapper {	width:100%;}

/* ------------------------------------------------------------------------------------ */
/* header */
/* ------------------------------------------------------------------------------------ */

#header {width:100%; background-color:#FFF;}

#header .headerBox {
	width:980px;
	margin:0 auto 0 auto;
	padding:0;
}

#header ul {
	float:right;
	display:inline;
	margin: 55px 0 0 0;
	padding:0 0 5px 0;
	list-style:none;
}
#header li {
	float:left;
	display:inline;
	margin-right:5px;
	padding-right:5px;
	border-right: solid 1px #999;
	line-height:0.5;
}
#header li#hlistend { border:none;}
#header a {text-decoration:none;}

#header h1 {
	float:left;
	display:inline;
	margin:14px 0 10px 410px;
	background-color:#FFF;
}

/* ------------------------------------------------------------------------------------ */
/* contents */
/* ------------------------------------------------------------------------------------ */

#contBack {
	width:100%;
	background: url(../img/home/contBack.png) repeat-x;
}

#contents {
	clear:both;
	width:980px;
	margin: 0 auto 20px auto;
	padding:0;
}

/* breadcrumb */

#contents .breadcrumb {
	margin:0 0 20px;
	padding: 10px 0 0 18px;
	font-size:0.8em;
	clear: both;
}

#contents .breadcrumb a { color:#F22490; text-decoration:none;}

/* pageTop */

#pageTop { width:980px; height:33px; margin:0 auto 0 auto; text-align:right;}

/* address */

#contents #address { width:890px; margin:0 auto 0 auto; padding-top:16px;clear:both; border-top:solid 1px #FABEBF; background-color:#FFFFFF;}
#contents #address p {
	width:411px;
	margin: 0 0 29px 0;
	float:right;
	clear:both;
	display:inline;
	font-size:0.8em;
	color:#333333;
}

#contents #address img { margin-bottom:9px;}


#contents {
	width:950px;
	margin: 0 auto 20px auto;
	padding:0;
	background-color:#FFF;
	background-image:none;
}

.home #contents h2 {
	clear:both;
	width:890px;
	margin: 0 0 13px 30px;
	padding: 0 0 2px 0;
	border-bottom: solid 2px #F79899;
}

/* ------------------------------------------------------------------------------------ */
/* navi */
/* ------------------------------------------------------------------------------------ */

#navi {
	clear:both;
	width:100%;
	background:url(../img/home/navBack.png) repeat-x;
}

#navi ul#topnav {
	margin:0 auto;
	padding:0;
	width:980px;
	list-style:none;
}
#navi ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
#navi ul#topnav li a {
	display:block;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/home/nav.png) no-repeat;
}

#navi ul#topnav li#gnavi01 a { width:164px; background-position:   0px 0px;}
#navi ul#topnav li#gnavi02 a { width:164px; background-position:-164px 0px;}
#navi ul#topnav li#gnavi03 a { width:164px; background-position:-328px 0px;}
#navi ul#topnav li#gnavi04 a { width:164px; background-position:-492px 0px;}
#navi ul#topnav li#gnavi05 a { width:164px; background-position:-656px 0px;}
#navi ul#topnav li#gnavi06 a { width:160px; background-position:-820px 0px;}

#navi ul#topnav li#gnavi01 a:hover { background-position:   0px -50px;}
#navi ul#topnav li#gnavi02 a:hover { background-position:-164px -50px;}
#navi ul#topnav li#gnavi03 a:hover { background-position:-328px -50px;}
#navi ul#topnav li#gnavi04 a:hover { background-position:-492px -50px;}
#navi ul#topnav li#gnavi05 a:hover { background-position:-656px -50px;}
#navi ul#topnav li#gnavi06 a:hover { background-position:-820px -50px;}

#navi ul#topnav li .sub {
	z-index:99;
	position: absolute;
	top: 50px;
	left: 0px;
	background: #FFF;
	padding:10px 10px 10px;
	float: left;
	border-top:solid 1px #FFF;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display:none;
}

#navi ul#topnav li .sub h2 { margin:0 0 3px 0; padding:0 0 7px 0;width:190px; border-bottom:dotted 2px #F69;}

#navi ul#topnav li .row {clear: both; float: left;display:inline; width: 100%; margin-bottom: 10px;}
#navi ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 210px;
	float: left;
	display:inline;
}
#navi ul#topnav .sub ul li {
	width: 100%;
	font-size:0.8em;
}

#navi ul#topnav li#gnavi01 .sub ul li a,
#navi ul#topnav li#gnavi03 .sub ul li a,
#navi ul#topnav li#gnavi04 .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	width: 190px;
	background: url(../img/home/navlist_arrow.png) no-repeat 5px 11px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #FA7D92;
}
#navi ul#topnav li#gnavi03 .sub ul li a:hover,
#navi ul#topnav li#gnavi01 .sub ul li a:hover,
#navi ul#topnav li#gnavi04 .sub ul li a:hover { text-decoration:underline;}

/* ------------------------------------------- active ----------------------------------- */

#home       #navi ul#topnav li#gnavi01 a { background-position:   0px -50px;}
#service    #navi ul#topnav li#gnavi02 a { background-position:-164px -50px;}
#contact    #navi ul#topnav li#gnavi03 a { background-position:-328px -50px;}
#canpany    #navi ul#topnav li#gnavi04 a { background-position:-492px -50px;}
#infomation #navi ul#topnav li#gnavi05 a { background-position:-656px -50px;}
#infomation #navi ul#topnav li#gnavi06 a { background-position:-820px -50px;}




/* contBox */

.contBox {
	width:423px;
	height: 186px;
	margin: 0 0 12px 30px;
	padding: 0 0 20px 0;
	float:left;
	display:inline;
	border-bottom:dashed 1px #FABEBF;
}

.contBoxR {
	width:423px;
	height: 186px;
	margin: 0 30px 12px 0;
	padding: 0 0 20px 0;
	float:right;
	display:inline;
	border-bottom:dashed 1px #FABEBF;
}

.contBoxB {
	_margin-bottom:10px;
	width:800px;
}
*:first-child+html .contBoxB {margin-bottom:10px;}

.contBox h3,.contBoxR h3 { margin: 0 0 6px 0; padding:0;}

.contBox p,.contBoxR p { margin-bottom:10px;font-size:0.8em; line-height:1.5; color:#333333;}
.contBox p img,.contBoxR p img { margin-right:13px;float:left; display:inline;}
.contBox ul,.contBoxR ul { margin:0; padding:0;list-style:none;}
.contBox li,.contBoxR li { margin-right:10px; padding-left:17px;float:left; display:inline; font-size:0.8em; background:url(../img/home/list01.gif) no-repeat 0 100%;}
.contBox a,.contBoxR a { color:#F74E84;}
.contBox a:hover,.contBoxR a:hover { color: #FB97B8;}
.contBox p.detail,.contBoxR p.detail {
	margin-top:30px;
	text-align:center;
	float:right;
	display:inline;
}
.contBox p.detail a,.contBoxR p.detail a { padding:2px; width:70px; display:block;color:#FFF; text-decoration:none;background-color:#F74E84;}
.contBox p.detail a:hover,.contBoxR p.detail a:hover { padding:2px; width:70px;background-color:#EC0B54;}

/* panfBox */

#panfBoxCont { margin-bottom:48px;}

#panfBox {
	width:423px;
	height:156px;
	margin: 8px 43px 40px 30px;
	float:left;
	display:inline;
	clear: both;
}

#panfBox img { margin-right:13px;float:left; display:block;}

#panfBox h4 { margin:0; padding:0 0 5px 0; height:14px; display:block;}
#panfBox p { font-size:0.8em; color:#333333; line-height:1.5;}

/* mobileBox */

#mobileBox {
	width:360px;
	height:156px;
	margin: 8px 30px 0 44px;
	float:left;
	display: inline;
}

#mobileBox p img {
	margin-right:13px;
	float:left;
	display:block;
	border: solid 1px #666;
}

#mobileBox h4 { margin:0; padding:0 0 5px 0; height:14px; display:block;}
#mobileBox p { font-size:0.8em; color:#333333; line-height:1.5;}

/* mainPic */

#flashcontent {
	clear:both;
	width:950px;
	margin: 0 auto 10px auto;
	height: 460px;
}

/* whatsNew */

#banner {
	clear:both;
	margin: 0 auto 22px auto;
	padding-bottom:5px;
	border-bottom: solid 2px #F79899;
}

.jishin {
	margin: 0 0 5px 12px;
}

#banner ul { margin: 0 0 0 12px; padding:0; list-style:none;}
#banner ul li {
	float:left;
	display: inline;
	margin-right:5px;
	font-size:0.7em;
	text-align:center;
	line-height:1.5;
	color: #333;
	height:80px;
}

/* whatsNew */

#eventBox {
	clear:both;
	margin-bottom:22px;
	padding-left:30px;
	padding-bottom:10px;
}

#whatsNewBox {
	float:left;
	display:inline;
	margin: 0 17px 10px 0;
}
#whatsNewBox .whatsNew {
	padding: 11px 0 0 15px;
	width:390px;
	height:220px;
	background:url(../img/home/whatsBack.gif) no-repeat;
}

#whatsNewBox h3 { margin-bottom:5px;font-size:0.8em; color:#F74E84; text-align:center; border:none;}

#whatsNewBox .whatsNew p {
	margin:0 0 15px 0;
	padding:0;
	border:none;
}

#whatsNewBox .whatsNew ul { margin:0; padding:0; list-style:none; line-height:50%;}
#whatsNewBox .whatsNew li { margin-bottom:7px; padding-left:15px;font-size:0.8em; line-height:1;}
#whatsNewBox .whatsNew a { color:#333333; text-decoration:underline;}
#whatsNewBox .whatsNew a:hover { color:#666;}

#whatsNewBox .whatsNew ul.whatsList li.event { background:url(../img/home/whatsList01.gif) no-repeat left 50%;}
#whatsNewBox .whatsNew ul.whatsList li.photography { background:url(../img/home/whatsList02.gif) no-repeat left 50%;}
#whatsNewBox .whatsNew ul.whatsList li.news { background:url(../img/home/whatsList03.gif) no-repeat left 50%;}
#whatsNewBox .whatsNew ul.whatsList li.blog { background:url(../img/home/whatsList04.gif) no-repeat left 50%;}

/* ------------------ calendar ----------------- */

.wpCalendarBox, 
.movieBox {
	float:left;
	display:inline;
}

.wpCalendarBox p a,
.movieBox p a { padding-left:20px;font-size:0.8em; color:#F74E84; background:url(../img/home/red_Right.png) no-repeat left 50%;}

.wpCalendarBox { _width:220px;}
*:first-child+html .wpCalendarBox { width:230px;}

.movieBox { width:230px;}
.movieBox p.text { margin:17px 0;font-size:0.8em; color:#F74E84; line-height:1.2}
.movieBox h3 { margin-bottom:5px;font-size:0.8em; color:#F74E84; text-align:center;}

h3.scheHeader { margin: 0 0 10px 30px;}

table.calendar {
	float:left;
	display:inline;
	margin: 0 15px 20px 0;
	border-collapse:collapse;
	border-style:solid;
	border-color:#F74E84;
	border-width:0;
	_border-width:1px;
}

table.calendar th,
table.calendar td {
	padding: 3px;
	font-size:0.8em;
	text-align:center;
	border-style:solid;
	border-color:#F74E84;
	border-width:1px;
}

table.calendar th { color:#666;background-color:#FFD6D6;}
table.calendar td.holiday { background-color:#E8E8E8;}
table.calendar td.try {color:#FFF;background-color:#F79899;}
table.calendar td.lacause { color:#FFF;background-color:#F76365;}
table.calendar td.counsel { color:#FFF;background-color:#84CE78;}
table.calendar td.monthly { color:#F74E84;background-color:#F9EB3D;}

.calendarBox {
	float:left;
	display:inline;
	margin-top:20px;
}

.calendarBox ul {list-style:none;}
.calendarBox li { margin-bottom:5px; padding-left:7px;font-size:0.8em; line-height:1;}
.calendarBox li.holBox { border-left:solid 13px #E8E8E8;}
.calendarBox li.tryBox { border-left:solid 13px #F79899;}
.calendarBox li.lacBox { border-left:solid 13px #F76365;}
.calendarBox li.couBox { border-left:solid 13px #84CE78;}
.calendarBox li.monBox { border-left:solid 13px #F9EB3D;}

/* ------------------ requestCon ----------------- */

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

.requestCont .box01 {
	position:relative;
	float:left;
	display:inline;
	width:455px;
	height:498px;
	background: url(../img/home/reBack01.jpg) no-repeat;
}

.requestCont .box02 {
	position:relative;
	float:right;
	display:inline;
	width:495px;
	height:498px;
	background: url(../img/home/reBack02.jpg) no-repeat;
}

.requestCont .box01 img {
	position:absolute;
	top:445px;
	left:229px;
}

.requestCont .box02 img {
	position:absolute;
	top:445px;
	left:240px;
}

/* ------------------------------------------------------------------------------------ */
/* footer */
/* ------------------------------------------------------------------------------------ */

#pagetop {
	clear:both;
	margin: 0 auto;
	padding: 0;
	width:980px;
	text-align:right;
}

#footer {
	clear:both;
	margin:0 auto;
	width:100%;
}

#footer .footTopCont { margin-bottom:15px;padding:15px 0;background:#F2D2DF;}

#footer .footTop {
	margin:0 auto;
	width:980px;
}

#footer .footTop ul {
	margin:0;
	padding:0;
	list-style:none;
}

#footer .footTop ul li {
	font-size:0.8em;
	line-height:1.8;
}

#footer .footTop ul li span { font-size:1.1em;color:#F74E84; font-weight:bold;}

#footer .footTopLeft {
	float:left;
	display:inline;
	width:700px;
}

#footer .footTopLeft ul {
	float:left;
	display:inline;
	margin-left:12px;
	width:160px;
}

#footer .footTopRight {
	float:right;
	display:inline;
	width:270px;
}

#footer .footTopRight ul {
	float:left;
	display:inline;
	width:130px;
}

#footer a { color:#666; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

#footer .footBtm {
	margin:0 auto;
	width:980px;
}

#footer #copyright {
	float:left;
	display:inline;
	margin-left:12px;
	color:#666;
	font-size:0.7em;
}

#footer #address {
	float:right;
	display:inline;
	margin-right:12px;
	width:411px;
	color:#333333;
	font-size:0.8em;
}

#footer #address img {
	margin-bottom:10px;
}

/* ------------------------------------------------------------------------------------ */
/* page id 2019 QandA */
/* ------------------------------------------------------------------------------------ */

.page-id-2019 #main { margin-left:18px;width:688px;}

.page-id-2019 #main h3 {
	margin:0 0 10px 0;
	padding:4px 0 4px 18px;
	color:#FFF;
	background:#E56981;
}

.page-id-2019 #main h4 {
	margin:0 0 5px 18px;
	padding:5px 0 0 36px;
	height:26px;
	color:#E56981;
	background:url(../img/corporate/q.gif) no-repeat top left;
}

.page-id-2019 #main .boBox {
	margin-bottom:20px;
	padding-bottom:30px;
	border-bottom:dotted 1px #E77390;
}

.page-id-2019 #main p.read { margin-left:18px;}
.page-id-2019 #main p.read a { color:#00A9EA;}

.page-id-2019 #main .answer {
	margin:0 0 0 54px;
	padding-left:36px;
	width:550px;
	background:url(../img/corporate/a.gif) no-repeat top left;
}

.page-id-2019 #main .answer p { margin-bottom:1em;}
.page-id-2019 #main .answer span { font-weight:bold; color:#E56981;}