@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: 各ページ共通用CSS                                             　　　　　　 */
/* 作成日: 2012-07-13                                                               */
/* 最終更新日: 2012-07-13       　                                                  */
/*                                                                                  */
/* ################################################################################ */

body,html {
	width:100%;
	color:#333333;
	line-height:1.4;
	letter-spacing:0.5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
}

body {
	background:url(../images/back.jpg) top left repeat;
}

a {
	color:#0893AA;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

p {
	line-height:1.4;
}

.center {
	text-align:center;
}

.alignright {
	text-align:right;
}

.bold {
	font-weight:bold;
}

.red {
	color:#930012;
}


/*********************************
header
*********************************/
#header {
	width:100%;
	height:186PX;
	margin:0 0 20px 0;
	background:url(../images/back-header.png) top left repeat-x;
}

#header .header-box {
	width:960px;
	height:113px;
	margin:0 auto;
	position:relative;
}
	
#header .header-box h1 {
	padding:3px 0 25px 0;
	font-size:0.9em;
}

#header .header-box p.headnum {
	width:286px;
	position:absolute;
	top:35px;
	right:286px;
}

#header .header-box p.headinq {
	width:200px;
	position:absolute;
	top:35px;
	right:0;
}

#header .header-box p.headlink {
	width:88px;
	position:absolute;
	top:12px;
	right:0;
}


/*********************************
global-navi
*********************************/
#header ul.gnav {
	width:960px;
	height:65px;
	margin:0 auto;
	clear:both;
	zoom:1;
}

#header ul.gnav li {
	float:left;
	position:relative;
}

#header ul.gnav li a {
	display:block;
	height:65px;
	text-indent:-9999px;
}

#header ul.gnav li.gnav01 a {
	width:178px;
	background:url(../images/gnav-01.png) top left no-repeat;
}

#header ul.gnav li.gnav01 a:hover,
.about #header ul.gnav li.gnav01 a {
	background:url(../images/gnav-01-ov.png) top left no-repeat;
}

#header ul.gnav li.gnav02 a {
	width:151px;
	background:url(../images/gnav-02.png) top left no-repeat;
}

#header ul.gnav li.gnav02 a:hover,
.support #header ul.gnav li.gnav02 a {
	background:url(../images/gnav-02-ov.png) top left no-repeat;
}

#header ul.gnav li.gnav03 a {
	width:136px;
	background:url(../images/gnav-03.png) top left no-repeat;
}

#header ul.gnav li.gnav03 a:hover,
.voice #header ul.gnav li.gnav03 a {
	background:url(../images/gnav-03-ov.png) top left no-repeat;
}

#header ul.gnav li.gnav04 a {
	width:268px;
	background:url(../images/gnav-04.png) top left no-repeat;
}

#header ul.gnav li.gnav04 a:hover,
.message #header ul.gnav li.gnav04 a {
	background:url(../images/gnav-04-ov.png) top left no-repeat;
}

#header ul.gnav li.gnav05 a {
	width:227px;
	background:url(../images/gnav-05.png) top left no-repeat;
}

#header ul.gnav li.gnav05 a:hover,
.advantage #header ul.gnav li.gnav05 a {
	background:url(../images/gnav-05-ov.png) top left no-repeat;
}


#header ul.gnav li.gnav01 ul.subnav {
	width:178px;
	position:absolute;
	top:65px;
	left:0;
}

#header ul.gnav li.gnav01 ul.subnav li {
	float:none;
}

#header ul.gnav li.gnav01 ul.subnav a {
	height:48px;
	background-image:none;
	text-indent:0;
}

*:first-child+html #header ul.gnav li.gnav01 {
	z-index:2;
}

*:first-child+html #header ul.gnav li.gnav01 {
	z-index:100;
}

/*********************************
mainarea
*********************************/
#mainarea {
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0 0 0;
}

#mainarea #mainleft {
	width:660px;
	float:left;
	padding:3px 0 0 0;
}

#mainarea #mainright {
	width:270px;
	float:right;
}


/*********************************
rightarea
*********************************/

#mainarea #mainright p.banner {
	margin:0 0 20px 0;
}

#mainarea #mainright dl.eventlist {
	padding:7px;
	margin:0 0 20px 0;
	height:260px;
	background:#FFFFFF;
	overflow:auto;
	border-bottom:3px solid #0893AA;
	font-size:0.8em;
}

#mainarea #mainright dl.eventlist dt {
	margin:0 0 5px 0;
}

#mainarea #mainright dl.eventlist dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}

#mainarea #mainright ul.bannerlist01 {
	margin:0 0 20px 0;
}

#mainarea #mainright ul.bannerlist01 li {
	margin:0 0 10px 0;
}

#mainarea #mainright ul.bannerlist02 {
	width:250px;
	padding:10px 10px 0 10px;
	background:url(../images/back-banners.jpg) top left no-repeat;
}

#mainarea #mainright ul.bannerlist02 li {
	padding:0 0 10px 0;
}


/*********************************
footer
*********************************/
#foottop {
	width:960px;
	height:33px;
	margin:0 auto;
	padding:15px 0 0 0;
	position:relative;
}

#foottop p.gotop {
	width:138px;
	position:absolute;
	top:15px;
	right:0;
}

#foottop ul {
	width:840px;
	padding:5px 0 0 0;
	overflow:hidden;
}

#foottop ul li {
	padding:0 7px 0 0;
	float:left;
}

#foottop ul li a {
	font-size:0.8em;
	padding:0 7px 0 0;
	background:url(../images/border-s.jpg) center right no-repeat;
	color:#333333;
	text-decoration:none;
}

#foottop ul li a:hover {
	text-decoration:underline;
}

#footer {
	width:100%;
	background:url(../images/back-footer.jpg) top left repeat-x;
}

#footer .foot-box {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#footer .foot-box p.footlogo {
	width:170px;
	padding:25px 25px 0 0;
	float:left;
	font-size:0.7em;
}

#footer .foot-box p.footlogo a {
	padding:0 0 10px 0;
	display:inline-block;
}

#footer .foot-box ul {
	width:760px;
	padding:25px 0 0 0;
	float:right;
	overflow:hidden;
}

#footer .foot-box ul li {
	padding:0 12px 10px 0;
	float:left;
}

#footer p.copyright {
	font-size:0.75em;
	text-align:center;
	padding:0 0 20px 0;
}


/*********************************
pankuzu
*********************************/
ul.pankuzu {
	width:960px;
	margin:0 auto;
	padding:0 0 15px 0;
	overflow:hidden;
	font-size:0.8em;
}

ul.pankuzu li {
	padding:0 10px 0 0;
	float:left;
}

ul.pankuzu li a {
	padding:0 18px 0 0;
	background:url(../images/bullet-arrow.jpg) center right no-repeat;
}

/*********************************
secondmain
*********************************/
.second #mainarea #mainleft h2 {
	margin:0 0 20px 0;
}

.second #mainarea #mainleft .secondmain {
	width:660px;
	padding:20px 0 0 0;
	background:url(../images/back-second-middle.jpg) top left repeat-y;
}

.second #mainarea #mainleft .secondmain .secondinner {
	width:620px;
	padding:0 20px 20px 20px;
	background:url(../images/back-second-bottom.jpg) bottom left no-repeat;
	min-height:790px;
}