@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
em { font-style: italic; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
	color: #333333;
	font-size: 80%;
	line-height: 150%;
	/*font-family: 'メイリオ', Meiryo, 'Lucida Grande', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;*/
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
* html th, * html td { font-size: 80%; }

hr { display: none; }
.clear { clear: both; }
a { color: #333333; }
#container { text-align: left; }
/*サイト内検索*/
#header .search {
	padding-left: 87px;
	background: url(../images/search_title.gif) 0 0 no-repeat;
	position: absolute;
	top: 39px;
	left: 425px;
}
#header .search input.searchbox {
	width: 150px;
	height: 17px;
	border: 1px solid #b3b3b3;
}
#header .search input.searchbtn {
	vertical-align: top;
}

#header .gsearch {
	padding-left: 87px;
	width: 200px;
	background: url(../images/search_title.gif) 0 center no-repeat;
	position: absolute;
	top: 40px;
	right: 150px;
}

/*文字サイズ変更*/
#header .fontsize {
	padding-left: 58px;
	width: 130px;
	background: url(../images/fontsize_title.gif) 0 4px no-repeat;
	position: absolute;
	top: 39px;
	left: 718px;
}

#header .fontsize a {
	margin-left: 1px;
	width: 20px;
	height: 20px;
	background: 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	float: left;
}
#header .fontsize a.s { background-image: url(../images/fontsize_s.gif); }
#header .fontsize a.m { background-image: url(../images/fontsize_m.gif); }
#header .fontsize a.l { background-image: url(../images/fontsize_l.gif); }

/*サイトマップ*/
.contents ul.jsitemap { margin-left: 1em; }
.contents ul.jsitemap li {
	margin-left: 1em;
	padding-bottom: 0.5em;
	list-style-type: disc;
}

/*フッタ*/
#footer {
	height: 140px;
}

#footer .footer {
	margin: 0 auto;
	width: 850px;
	_text-align: left;
	position: relative;
}

#footer .footer a.pagetop {
	width: 102px;
	height: 27px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: -27px;
	right: 18px;
}

#footer .footer .links {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 100;
}

#footer .footer .address {
	font-size: 90%;
	line-height: 200%;
	position: absolute;
	top: 20px;
	left: 25px;
}
#footer .footer .address span { font-size: 120%; }

#footer .footer .copyright {
	font-size: 90%;
	position: absolute;
	top: 67px;
	left: 25px;
}

.wp_caption img { display: block; }

/* sp化時追加 */
a img:hover{
opacity:0.8;
}
.wd1 {
	width: 1%;
}
.wd2 {
	width: 2%;
}
.wd4 {
	width: 4%;
}
.wd5 {
	width: 5%;
}
.wd7 {
	width: 7%;
}
.wd8 {
	width: 8%;
}
.wd9 {
	width: 9%;
}
.wd10 {
	width: 10%;
}
.wd11 {
	width: 11%;
}
.wd13 {
	width: 13%;
}
.wd14 {
	width: 14%;
}
.wd15 {
	width: 15%;
}
.wd16 {
	width: 16%;
}
.wd17 {
	width: 17%;
}
.wd20 {
	width: 20%;
}
.wd25 {
	width: 25%;
}
.wd30 {
	width: 30%;
}
.wd31 {
	width: 31%;
}
.wd35 {
	width: 35%;
}
.wd37 {
	width: 37%;
}
.wd40 {
	width: 40%;
}
.wd44 {
	width: 44%;
}
.wd45 {
	width: 45%;
}
.wd50 {
	width: 50%;
}
.wd53 {
	width: 53%;
}
.wd60 {
	width: 60%;
}
.wd63 {
	width: 63%;
}
.wd65 {
	width: 65%;
}
.wd70 {
	width: 70%;
}
.wd75 {
	width: 75%;
}
.wd80 {
	width: 80%;
}
.wd85 {
	width: 85%;
}
.wd90 {
	width: 90%;
}
.wd95 {
	width: 95%;
}
.wd100 {
	width: 100%;
}
/*テキスト位置設定
--------------------------------------------------*/
.txt-c {
	text-align: center;
}
.txt-r {
	text-align: right;
}
.txt-l {
	text-align: left;
}
.txt-m {
	vertical-align: middle;
}
.txt-t {
	vertical-align: top;
}
.txt-b {
	vertical-align: bottom;
}

/*マージン
---------------------------------------*/
/*マージン設定*/
/*マージン全方向0*/
.m0 {
	margin: 0 !important;
}
/*マージン全方向10*/
.m10 {
	margin: 10px !important;
}
/*マージン全方向20*/
.m20 {
	margin: 20px !important;
}
/*マージン全方向30*/
.m30 {
	margin: 30px !important;
}
/*マージン左右0*/
.mrl0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*マージン左右10*/
.mrl10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
/*マージン左右20*/
.mrl20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
/*マージン左右30*/
.mrl30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
/*マージン左右 中央*/
.mrlauto {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*マージン上下0*/
.mtb0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/*マージン上下10*/
.mtb10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
/*マージン上下20*/
.mtb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
/*マージン上下30*/
.mtb30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
/*マージン上0*/
.mt0 {
	margin-top: 0 !important;
}
/*マージン上5*/
.mt5 {
	margin-top: 5px !important;
}
/*マージン上10*/
.mt10 {
	margin-top: 10px !important;
}
/*マージン上15*/
.mt15 {
	margin-top: 15px !important;
}
/*マージン上20*/
.mt20 {
	margin-top: 20px !important;
}
/*マージン上30*/
.mt30 {
	margin-top: 30px !important;
}
/*マージン上40*/
.mt40 {
	margin-top: 40px !important;
}
/*マージン下0*/
.mb0 {
	margin-bottom: 0 !important;
}
/*マージン下5*/
.mb5 {
	margin-bottom: 5px !important;
}
/*マージン下10*/
.mb10 {
	margin-bottom: 10px !important;
}
/*マージン下20*/
.mb20 {
	margin-bottom: 20px !important;
}
/*マージン下30*/
.mb30 {
	margin-bottom: 30px !important;
}
/*マージン左0*/
.ml0 {
	margin-left: 0 !important;
}
/*マージン左10*/
.ml10 {
	margin-left: 10px !important;
}
/*マージン左20*/
.ml20 {
	margin-left: 20px !important;
}
/*マージン左30*/
.ml30 {
	margin-left: 30px !important;
}
/*マージン右0*/
.mr0 {
	margin-right: 0 !important;
}
/*マージン右10*/
.mr10 {
	margin-right: 10px !important;
}
/*マージン右20*/
.mr20 {
	margin-right: 20px !important;
}
/*マージン右30*/
.mr30 {
	margin-right: 30px !important;
}
/*パディング*/
/*パディング0*/
.pad0 {
	padding: 0;
}
/*リスト以外インデント*/
/*1em*/
.indent1 {
	text-indent: 1em;
}
.indent2 {
	text-indent: 2em;
}
.indent3 {
	text-indent: 3em;
}
.indent4 {
	text-indent: 4em;
}
.indent5 {
	text-indent: 5em;
}
/*1em*/
.indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
.indent-1-1 {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
.indent-1-2 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
.indent-1-3 {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
.indent-1-4 {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
.indent-1-5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
.indent-1-6 {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
.indent-1-7 {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
.indent-1-8 {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
.indent-1-9 {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
.indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
/*リスト用インデント幅*/
/*1em*/
ul.indent-1 li,ol.indent-1 li {
	text-indent: -1em;
	margin-left: 1em;
}
/*IE用ハック*/
@media all and (-ms-high-contrast:none){
	ul.indent-1 li,ol.indent-1 li {
	text-indent: -1.3em;
}
}
/*IE用ハック終了*/
/*1.1em*/
ul.indent-1-1 li,ol.indent-1-1 li {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
ul.indent-1-2 li,ol.indent-1-2 li {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
ul.indent-1-3 li,ol.indent-1-3 li {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
ul.indent-1-4 li,ol.indent-1-4 li {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
ul.indent-1-5 li,ol.indent-1-5 li {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
ul.indent-1-6 li,ol.indent-1-6 li {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
ul.indent-1-7 li,ol.indent-1-7 li {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
ul.indent-1-8 li,ol.indent-1-8 li {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
ul.indent-1-9 li,ol.indent-1-9 li {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
ul.indent-2 li,ol.indent-2 li {
	text-indent: -2em;
	margin-left: 2em;
}
/*通常リスト:横並び*/
.list-f li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*通常リスト:2カラム*/
.list-two li {
	float: left;
	width: 45%;
	margin-right: 1%;
}
/*通常リスト:3カラム*/
.list-three li {
	float: left;
	width: 28%;
	margin-right: 1%;
}
/*通常リスト:4カラム*/
.list-four li {
	float: left;
	width: 21%;
	margin-right: 1%;
}
/*通常リスト:小さめ*/
.list-s li {
}
/*通常リスト:横並び(小さめ)*/
.list-fs li {
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*通常リスト*/
.list-disc-only{

}

/*---- 数字リスト ----*/

.ollist-lr {
	list-style-type: lower-roman;
}
.ollist-ur {
	list-style-type: upper-roman;
}
.ollist-la {
	list-style-type: lower-latin;
}
.ollist-ua {
	list-style-type: upper-latin;
}
/*----- 位置設定 -----*/
/*1/2サイズ*/
.half-l {
	float: left;
	width: 49%;
}
.half-r {
	float: right;
	width: 49%;
}
/*1/3サイズ*/
.three-l {
	width: 32%;
	float: left;
}
.three-c {
	width: 32%;
	float: left;
	padding-left: 10px;
}
.three-r {
	width: 32%;
	float: right;
}
/*フロート左*/
.fl {
	float: left;
	width: auto;
}
/*フロート右*/
.fr {
	float: right;
	width: auto;
}
/*画像フロート左*/
.img-l {
	float: left;
	width: auto;
	margin: 0 20px 20px 0;
}
/*フロート右*/
.img-r {
	float: right;
	width: auto;
	margin: 0 0 20px 20px;
}
/* box指定 */

/*----- カラーボックス -----*/

/*グレー*/
.box01 {
	background-color: #D0D8E0;
	padding: 15px;
	margin: 20px 0;
}
/*ブルー*/
.box02 {
	background-color: #A0D6F6;
	padding: 15px;
	margin: 20px 0;
}
/*グリーン*/
.box03 {
	background-color: #B9DA9B;
	padding: 15px;
	margin: 20px 0;
}
/*red*/
.box04 {
	background-color: #E0C0C0;
	padding: 15px;
	margin: 20px 0;
}
/*テキスト設定
--------------------------------------------------*/
/*---- フォントサイズ ----*/
.font-s,.font-pcsp-s {
	font-size: 85%;
	line-height: 1.2em;
}
.font-ss {
	font-size: 60%;
	line-height: 1.2em;
}
.font-l {
	font-size: 105%;
}
/*---- フォントカラー ----*/
.font-red {
	color: #CC0000;
}
.font-blue {
	color: #005E7D;
}
.font-green {
	color: #365A00;
}
.font-darkblue {
	color: #0F3D68;
}
.font-white {
	color: #FFFFFF;
}
.font-gray {
	color: #666;
}
 @media screen and (max-width: 640px) {
.font-sp-s{
		font-size: 85%;
	line-height: 1.2em;
}
.font-pcsp-s {
	font-size: 60%;
	line-height: 1.2em;
}
.list-f li, .list-two li, .list-three li, .list-four li, .list-fs li{
	float: none;
	width: auto;
}
.half-l, .half-r, .three-l, .three-c, .three-r, .fl, .fr, .img-l, .img-r, .one-third, .two-third {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.img-l, .img-r {
	text-align: center;
	margin: 10px 0;
}
.img-l img, .img-r img{
	margin:10px 0 5px;
}
.half-l img, .half-r img{
		margin: 10px 0 5px;
}
}
@media screen and (max-width: 400px) {
.font-sp-ss{
		font-size: 35%;
	line-height: 1.2em;
}
}
@media screen and (max-width: 350px) {
.font-sp-ss{
		font-size: 30%;
	line-height: 1.2em;
}
}
