@charset "utf-8";
/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL:https://
Date:200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine

---------------------------------------- */

body {
	line-height:1.3;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
}

a {
	color:#3399FF;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

/* ----------------------------------------
Redefine - Container
---------------------------------------- */

div#container {
	width:950px;
	margin:0 auto;
	font-size:100%;
}

div#container a:hover img {
 opacity:0.80; /* for Opera,Firefox,Safari */
 filter:alpha(opacity=80); /* for IE */
}

div#container .not a:hover img {
 opacity:1.00;
 filter:alpha(opacity=100); /* for IE */
}

#contents li img {
 background-color:transparent;
 text-decoration:none;
}

#contents a img {
 background-color:transparent;
}

#contents img.icon {
 vertical-align: middle;
 margin-right: 3px;
}

/*pagetop*/
p.pgtop {
 padding:10px 0!important;
 text-align:right;
}

/* ----------------------------------------

フォントサイズは子要素に指定する

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131% 
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%

---------------------------------------- */

/*  --
WinIE,MacIE4,NN4,Opera7以下は除外
レガシーブラウザを回避してpx指定する場合
-- */

html[xmlns]>/**/body div#Container {
/*font-size:13px;*/
}

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

/* header */
#header {
 background:url(../img/bg_hd.gif) top left no-repeat;
 height:97px;
 position:relative;
 text-align:left;
 width:950px;
}

#header .logo {
 background:url(../img/p_logo.gif) top left no-repeat;
 height:92px;
 position:absolute;
 top:0;
 left:20px;
 width:281px;
}

#header .logo a {
 display:block;
 height:92px;
 overflow:hidden;
}

#header .logo a span {
 overflow:hidden;
 text-indent:-9999px;
}

/* except IE7 */
html>/**/body #header .logo a span {
 display:block;
}

/* except IE7 */

#header ul li.faq {
 position:absolute;
 top:11px;
 left:718px;
}

#header ul li.access {
 position:absolute;
 top:11px;
 left:835px;
}

#slider {
 width:950px;
}

#navi {
 height:80px;
 width:950px;
}

#navi li {
 float:left;
 height:80px;
	font-size: 0;
	line-height: 0;
}

/*-----------------------------------------

contents

-----------------------------------------*/

/* contents */
#contents {
 clear:both;
 padding-top:11px;
 margin-bottom:24px;
 text-align:left;
 width:950px;
}

/* mainContents */
#mainContents {
 float:left;
 margin-right:11px;
 width:750px;
}
	
/* ----------------------------------------

sub

------------------------------------------*/

/* rightmenu */
#rMenu {
 background-color:#F2F2F2;
 float:right;
 width:189px;
}

/* rmenu */
#rMenu div.inr {
 border:#ECECEC 1px solid;
 background-color:#FFF;
 margin:5px auto;
 padding:1px 1px 252px 1px;
 width:178px;
}

#rMenu div.search_box dl {
 line-height:1.5;
}

#rMenu div.search_box dl span {
 padding-bottom:5px;
}

#rMenu div.search_box dl select {
 margin:0 3px;
}

#rMenu div.search_box dl dt {
 font-size:0;
 line-height:0;
 padding:5px 0 5px 5px;
}

#rMenu div.search_box dl dd {
 padding:0 5px 5px 5px;
}

#rMenu ul {
 margin:4px auto 0;
 width:170px;
}

#rMenu ul.rsvList li {
 margin-bottom:7px;
}


/*-----------------------------------------
common_bnr
-----------------------------------------*/


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

/* footer */
#footer {
 margin:0 auto;
 width:950px;
}

#footer p {
 margin-bottom:7px;
}

#footer ul li {
 float:left;
 margin-right:14px;
}

#contents ul.ftLnk {
 clear:both;
 height:154px;
 position:relative;
 width:950px;
}

#contents ul.ftLnk li {
 height:70px;
 width:306px;
}

#contents ul.ftLnk li.f01 {
 position:absolute;
 top:0px;
 left:0px;
}

#contents ul.ftLnk li.f02 {
 position:absolute;
 top:0px;
 left:322px;
}

#contents ul.ftLnk li.f03 {
 position:absolute;
 top:0px;
 left:643px;
}

#contents ul.ftLnk li.f04 {
 position:absolute;
 top:84px;
 left:0px;
}

#contents ul.ftLnk li.f05 {
 position:absolute;
 top:84px;
 left:322px;
}

#contents ul.ftLnk li.f06 {
 position:absolute;
 top:84px;
 left:643px;
}

/* ----------------------------------------
Common Class
---------------------------------------- */

/* 画像置き換え用 */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* ブラウザ、スクリーンリーダから隠す
 css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
 
/* ブラウザからは隠し、スクリーンリーダからは利用できる
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;   
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px); }

/* ブラウザとスクリーンリーダから隠し、レイアウトを保持 */
.invisible { visibility: hidden; }

.Clear {
	clear:both;
}
.OutlineFix {
	/* Gecko outLinefix & MacIEHack ＼*/
overflow:hidden;/* End */
}

/* ----------------------------------------
ClearFix (基本的にクラス指定では使用しない)
---------------------------------------- */

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

br.clear_noie,
div.clear_noie {
 display: inline !important;
 display: none;
 clear: both;
 line-height: 0px;
}

br.clear_all {
 clear: both;
 line-height: 0px;
}



/*INDENT*/
.center {
 text-align:center;
}

.left {
 text-align:left;
}

.right {
 text-align:right;
}

.right5 {
 margin-right:5px !important;
}

.right10 {
 margin-right:10px !important;
}

.right15 {
 margin-right:15px !important;
}

.right20 {
 margin-right:20px !important;
}

.right25 {
 margin-right:25px !important;
}

.right30 {
 margin-right:30px !important;
}

.right45 {
 margin-right:45px !important;
}

.top-5 {
 margin-top:-5px !important;
}

.top5 {
 margin-top:5px !important;
}

.top10 {
 margin-top:10px !important;
}

.top15 {
 margin-top:15px !important;
}

.top20 {
 margin-top:20px !important;
}

.top25 {
 margin-top:25px !important;
}

.btm5 {
 margin-bottom:5px !important;
}

.btm10 {
 margin-bottom:10px !important;
}

.btm15 {
 margin-bottom:15px !important;
}

.btm20 {
 margin-bottom:20px !important;
}

.btm25 {
 margin-bottom:25px !important;
}

.btm30 {
 margin-bottom:30px !important;
}

.btm35 {
 margin-bottom:35px !important;
}

.btm40 {
 margin-bottom:40px !important;
}

.btm45 {
 margin-bottom:45px !important;
}

.btm50 {
 margin-bottom:50px !important;
}

.left5 {;
 margin-left:5px !important;
}

.left10 {
 margin-left:10px !important;
}

.left15 {
 margin-left:15px !important;
}