﻿@charset "utf-8";

/* -----------------------------------------------------------
	Version: 1.0～3
	Comment: 共通設定
----------------------------------------------------------- */

/* 
 share Style [
----------------------------------------------------------- */
body {
	text-align: center;
	background-color: #FFF;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 0.75em;
	font-style: normal;
	line-height: 1.6;
	font-weight: normal;
	font-variant: normal;
	float: left;
}

#page {
	text-align: center;
	width: 942px;
	margin-right: auto;
	margin-left: auto;
	}
	
#wraper {
	width: 942px;
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	}
	
#wraper2 {
	width: 910px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}
	
/* 
 header Style [
----------------------------------------------------------- */
header {
	float: left;
	width: 910px;
}

header h1 {
	float: left;
	width: 490px;
	padding-top: 15px;
	padding-bottom: 11px;
}

#topBlock {
	float: right;
	width: 400px;
	padding-top: 31px;
	text-align: right;
	}

.search {
	vertical-align: middle;
}

.searchBox {
	background-image: url(../img/searchbox.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 20px;
	width: 158px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
	
#topBlock ul {
	padding-top: 14px;
	}
	
#topBlock ul li {
	display: inline;
	padding-left: 13px;
	}
	
#global {
	float: left;
	width: 910px;
	padding-bottom: 22px;
}

#global li {
	display: inline;
	float: left;
}
	
/* 
 main Style [
----------------------------------------------------------- */	
#mainContents {
	float: left;
	width: 910px;
	padding-bottom: 100px;
}

#left {
	text-align: left;
	float: left;
	width: 652px;
	}
	
#right {
	text-align: left;
	float: right;
	width: 240px;
	}
	
.pageNavi {
	width: 622px;
	padding-top: 10px;
	margin-left: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	}
	
.back {
	font-size: 15px;
	text-align: left;
	float: left;
	width: 250px;
	color: #666;
	}
	
.next {
	font-size: 15px;
	text-align: right;
	float: right;
	width: 250px;
	color: #666;
	}
	
.listBox {
	background-image: url(../img/l_box.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 240px;
	padding-top: 22px;
	}
	
.listBox .sidemenu {
	background-image: url(../img/l_box2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	width: 240px;
	padding-bottom: 31px;
	}
	
.listBox .sidemenu li {
	font-size: 15px;
	font-weight: bold;
	background-image: url(../img/dot2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 22px;
	}
	
.listBox .sidemenu li a {
	background-image: url(../img/point.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 22px;
	display: block;
	}

	
.mobileBox {
	background-image: url(../img/mobile_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 240px;
	padding-top: 21px;
	}
	
.mobileBox2 {
	background-image: url(../img/mobile_bg2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	width: 240px;
	padding-bottom: 38px;
	text-align: center;
	}
	
.info {
	background-image: url(../img/info_box.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 240px;
	padding-top: 18px;
	}
	
.info2 {
	background-image: url(../img/info_box2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	width: 240px;
	padding-bottom: 21px;
	}
	
.info2 h4 {
	padding-top: 6px;
	padding-left: 9px;
	}
	
.info2 address {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-top: 20px;
	padding-right: 18px;
	padding-left: 18px;
	}
	
/* 
 img Style [
----------------------------------------------------------- */
.rightImg {
	text-align: right;
	padding-right: 10px;
	}
	
.rightImg2 {
	text-align: right;
	padding-right: 22px;
	float: right;
	padding-bottom: 20px;
	padding-left: 15px;
	}
	
.rightImg3 {
	text-align: right;
	padding-right: 10px;
	float: right;
	padding-bottom: 20px;
	padding-left: 15px;
	}
	
.leftImg {
	float: left;
	padding-right: 15px;
	padding-bottom: 20px;
	}
	
.imgStyle {
	float: left;
	width: 910px;
	padding-bottom: 15px;
	}

.imgStyle2 {
	padding-bottom: 6px;
	}
	
.imgStyle3 {
	padding-bottom: 25px;
	}
	
.imgStyle4 {
	padding-bottom: 0px;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	}

	
/* 
 font Style [
----------------------------------------------------------- */
.fontStyle {
	font-size: 15px;
	line-height: 22px;
	color: #666;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;

	}
	
.fontStyle2 {
	font-size: 15px;
	line-height: 22px;
	color: #666;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	}
	
.fontStyle3 {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-right: 22px;
	padding-bottom: 20px;
	padding-left: 22px;
	text-align: left;
	}
	
.fontStyle4 {
	font-size: 15px;
	line-height: 22px;
	color: #666;
	padding-right: 15px;
	padding-left: 15px;
	}

/* 
 share Style [
----------------------------------------------------------- */
.shareStyle {
	float: left;
	width: 910px;
	padding-bottom: 15px;
	}
	
.shareStyle2 {
	float: right;
	width: 436px;
	}
	
.shareStyle3 {
	float: left;
	width: 652px;
	padding-bottom: 35px;
	padding-top: 10px;
	}

#titleStyle {
	background-image: url(../img/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 132px;
	width: 652px;
	margin-bottom: 13px;
	display: block;
	}
	
#topicstitleStyle {
	height: 132px;
	width: 652px;
	margin-bottom: 13px;
	display: block;
	}
	
#titleStyle h2 {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	padding-top: 45px;
	padding-left: 49px;
	}
	
.titleStyle2 {
	font-size: 19px;
	line-height: 35px;
	font-weight: bold;
	background-image: url(../img/title_bg2.jpg);
	background-repeat: repeat-x;
	margin-bottom: 27px;
	padding-left: 15px;
	}
	
.titleStyle3 {
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	background-image: url(../img/title_bg3.jpg);
	background-repeat: repeat-x;
	margin-bottom: 19px;
	padding-left: 15px;
	color: #1F39AB;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 8px;
	background-color: #D6EAFA;
	background-position: bottom;
	padding-right: 15px;
	padding-top: 5px;
	}
	
.titleStyle4 {
	float: right;
	width: 240px;
	padding-bottom: 2px;
	}
	
.titleStyle5 {
	padding-bottom: 8px;
	font-size: 17px;
	font-weight: bold;
	color: #1F39AB;
	background-image: url(../img/line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 16px;
	}
	
.titleStyle5 a {
	color: #1F39AB;
	text-decoration: none;
	}
	
.titleStyle5 a:hover {
	color: #999;
	text-decoration: none;
	}
	
.titleStyle6 {
	font-size: 19px;
	line-height: 35px;
	font-weight: bold;
	background-image: url(../img/ber.jpg);
	background-repeat: repeat-x;
	margin-bottom: 27px;
	padding-left: 15px;
	}
	
.titleStyle7 {
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	background-image: url(../img/ber2.jpg);
	background-repeat: repeat-x;
	margin-bottom: 19px;
	padding-left: 15px;
	color: #333;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 8px;
	background-color: #FFBDBD;
	background-position: bottom;
	padding-right: 15px;
	padding-top: 5px;
	}
	
#pNavi {
	font-size: 12px;
	color: #666;
	padding-bottom: 30px;
}

#pNavi2 {
	font-size: 12px;
	color: #666;
}

.comm {
	font-size: 12px;
	line-height: 29px;
	color: #666;
	background-image: url(../img/comm_bg.gif);
	background-repeat: repeat-x;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 1px;
	margin-right: 15px;
	margin-left: 15px;
	}
	
/* 
 footer Style [
----------------------------------------------------------- */

#pagetop {
	text-align: right;
	padding-bottom: 34px;
	}
	
#footerInnr {
	text-align: center;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
}

footer {
	background-image: url(../img/footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 100%;
}

	
#footerMenu p {
	font-size: 15px;
	line-height: 22px;
	color: #666;
	}
	
#footerMenu p a {
	color: #666;
	text-decoration: none;
	}
	
#footerMenu p a:hover {
	color: #999;
	text-decoration: underline;
	}

#copy {
	background-color: #1F3AAB;
	text-align: center;
	float: left;
	width: 100%;
}
share.cssに追加
/*■■■リストメニューのCSSここから■■■■*/

.listBox .sidemenu .children{
	margin-top: 8px;
	margin-bottom: 8px;
	}


.listBox .sidemenu .children li{
	padding-bottom: 0px;
	background : none;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 8px;
	line-height: 22px;
	}
	
.listBox .sidemenu .children li a {
	background-image: url(../img/point.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	margin-left: 10px;
	padding-left: 22px;
	display: block;
	}
/*■■■リストメニューのCSSここまで■■■■*/

/*画像の直下中央にキャプションを表示するための設定 [
　　　　　　　　　　　　　　　　　2013.05.03 研究部（上田）*/
.kenkyucaption {
	text-align:center;
	float:left;
	margin-left:10px;
	color:#666;
}