@charset "UTF-8";

@import url(reset.css);
@import url(navi.css);

/*	定義
----------------------------------------------------*/

body {
	line-height: 170%;
	font-family: Arial, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background: #e7e7e7;
	font-size:14px;
	color:#000;
}
/* for WinIE7 */
*:first-child+html body {
	font-size: 87.50%;
}

/* for WinIE6 */
*html body {
	font-size: 87.50%;
}

a{
	color:#06f;
	text-decoration:none;
}

a:link {color:#06f; text-decoration:underline;}
a:visited {color:#06f;}
a:hover,
a:visited:hover {color:#f69; text-decoration:none;}
a:active {color:#06f;}

a:hover {
text-decoration:none;
}

img {border:0;}

a:hover img {
  opacity: 0.70;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=80)";
}

p,li,dt,dd,th,td {line-height:1.7em;}

sup {
font-size:x-small;
position:relative;
vertical-align:baseline;
top:-4px;
}

* html sup {
font-size:1.2em;
position:relative;
vertical-align:baseline;
top:-6px;
} 

*:first-child+html sup {
font-size:1.2em;
position:relative;
vertical-align:baseline;
top:-6px;
}



/*	layout
----------------------------------------------------*/

#container {
width:100%;
margin:0 ;
padding:0;
}

#wrapper:after{
    content: "";
    clear: both;
    display: block;
}

#side {
float:left;
width:220px;
background:url(../img/common/gnavi_bg.png) repeat-y left top;
margin:0;
padding:0 0 30px;
}

#contents {
float:right;
width: 100%; 
margin: 0 0 0 -220px;
}

#contents_home {
float:right;
width: 100%; 
margin: 0 0 0 -220px;
}

#contents #main {
background:#FFF;
margin: 0 0 0 240px;
padding:0;
}


/*	ロゴ
----------------------------------------------------*/

#logo {
width:220px;
padding:45px 0;
text-align:center;
}

/*	検索窓
----------------------------------------------------*/

#search {
width:220px;
padding:13px 0;
text-align:center;
background:#f5f5f5;
}

#search input {
vertical-align:middle;
margin:0;
}
#search input.key {
width:154px;
height:32px;
margin:0;
border:1px solid #bdbcbc;
}





/*	ぱんくず
----------------------------------------------------*/

#contents #pan {
height:60px;
margin: 0 0 0 240px;
padding:10px 0 0 0;
}

#contents #pan li {
display:inline;
line-height:22px;
}
#contents #pan li a {
margin:0 4px 0 0;
padding:0 15px 0 0;
background:url(../img/common/icon_arrow01.png) no-repeat right center;
text-decoration:none;
}
#contents #pan li a:hover {
color:#0099cc;
text-decoration:underline;
}



/*	main
----------------------------------------------------*/

#contents #main .box {
    width:670px;
    margin:0px 40px;
	padding: 0 0 40px 0;
	min-height:606px;
	height:auto !important;
	height:606px;
}

#contents #main .cntsFoot {
height:44px;
background:url(../img/common/main_btm_bg.png) repeat-x left bottom;
}

#contents #main .pagetop {
width:710px;
height:44px;
text-align:right;
}


/*	タイトル
----------------------------------------------------*/

h1#title {
	height:140px;
}

.subtitle01 {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	background:url(../img/common/subTitle01.png) no-repeat left top;
	font-size:179%;
	color:#000;
	font-weight:bold;
	height:50px;
	line-height:1.6;
	padding:0 0 0 20px;
	margin-bottom:20px;
}

.subtitle02 {
	background:url(../img/common/subTitle01.png) no-repeat left -8px;
	font-size:122%;
	color:#000;
	font-weight:bold;
	height:30px;
	line-height:1.4;
	padding:0 0 0 20px;
	margin-bottom:30px;
	border-bottom:1px #CC0000 dotted;
}

/*	Soft専用
----------------------------------------------------*/
.softtitle01 {
	/*background:url(../img/soft/img_haikei_gaia11.jpg) no-repeat left -8px;
	background-size:50% */
	font-size:122%;
	color:#000;
	font-weight:bold;
	height:90px;
	line-height:1.4;
	padding:0 0 0 20px;
	margin-bottom:30px;
	/*border-bottom:1px #C0C0C0 dotted;*/
}
.softtitle02 {
	/*background:url(../img/soft/img_haikei_GaiaCloud.jpg) no-repeat left -8px;
	background-size:50% */
	font-size:122%;
	color:#000;
	font-weight:bold;
	height:90px;
	line-height:1.4;
	padding:0 0 0 20px;
	margin-bottom:30px;
	/*border-bottom:1px #C0C0C0 dotted;*/
	
}

.boxpink {
	font-size:108%;
	font-weight:bold;
	line-height:140%;
	padding: 5px 10px;
	border: 1px #DFB4B2 solid;
	background:#FFF6FA;
	color:#C66;
	margin:0 0 30px 0;
}

.subtitle03 {
	font-size:140%;
	color:#000;
	font-weight:bold;
	height:50px;
}

.subtitle03.small {
	font-size:120%;
}

.subtitle04 {
	background:url(../img/common/subTitle01.png) no-repeat left -8px;
	font-size:110%;
	color:#000;
	font-weight:bold;
	height:30px;
	line-height:1.4;
	padding:0 0 0 20px;
	border-bottom:1px #CC0000 dotted;
	margin-top:30px;
	margin-bottom:10px;
}

.subtitle05 {
	font-size:110%;
	color:#000;
	font-weight:bold;
	height:30px;
	margin-top:30px;
	margin-bottom:10px;
}


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

#footer {
width:640px;
height:100px;
padding:20px 0 0 240px;
margin: 0;
text-align:left;
}

#footer address {
clear:both;
float:left;
}

#footer address span {
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:bold;
	font-size:108%;
	padding:0 10px 0 0;
}



/*	テーブル(共通)
----------------------------------------------------*/

#main table.table01{
	margin:0px;
	width:100%;
	border: 1px solid #666;
	border-collapse:collapse;
}

#main table.table01 td,
#main table.table01 th {
	text-align:left;
	padding: 10px 10px 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666;
}

#main table.table01 th {
	color:#333;
	white-space:nowrap;
	background-color:#fdf4f4;
	line-height:40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	text-align:right;
	font-size:93%;
	font-weight:bold;
	vertical-align:middle;
}


#main table.table01 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	background-color:#ffffff;
}



/* ul --------------*/

#contents  #main ul.style01 {
clear:both;
margin:0;
}
#contents  #main ul.style01 li {
padding:0 0 0 16px;
background:url(../img/common/icon_dot.png) no-repeat left 8px;
margin:0 0 3px 0;
}

/* リストタグ(ul,ol)のスタイルを元に戻す
------------------------------------------------------------*/

#main ol {
    padding-left:2em;
}
#main ol li {
    list-style-type:decimal;
	padding-bottom:3px;
}

/* 地図
------------------------------------------------------------*/
	.google-map {
		height: 500px;
		/*margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);*/
		overflow: hidden; 
	}

	.google-map iframe {
		height: 860px;
		margin-top: -170px;
	}

/* よくある質問
------------------------------------------------------------*/


dl.faq  {
    width:670px;
	margin:0;
}

dl.faq dt {
    width:630px;
	background:url(../img/faq/icon_q.png) no-repeat;
	color:#333;
	font-size:129%;
	font-weight:bold;
	line-height: 2.4;
	border-bottom : #CCCCCC 1px dotted;
	padding: 0 0 0 40px;
	margin-bottom:15px;
}

dl.faq dd {
    width:590px;
	background:url(../img/faq/icon_a.png)  no-repeat;
	margin: 0 0 30px 30px;
	padding:0 0 5px 40px;
}

dl.faq dd p {
    font-size:100%;
	padding-top: 5px;	
}


/* ボックス
------------------------------------------------------------*/

.bgbox {
	background:#f9f3f3;
	padding:40px;
}

.note_box {
	margin-left:1em;
	font-size:92.9%
}

.note_box p{
	text-indent:-1em;
}


/* ボーダー
------------------------------------------------------------*/

.border {
	border-bottom:1px #999999 dotted;
	height:30px;
	margin-bottom:40px;
}

.border02 {
	border-bottom:1px #999999 dotted;
	height:30px;
	margin-bottom:10px;
}

/*	特定個人情報保護方針
----------------------------------------------------*/
.privacy_link:after {
    content: "";
    clear: both;
    display: block;
}

.privacy_link li {
	width: 210px;
	height: 65px;
	margin-right: 20px;
	float: left;
}

.privacy_link li.end {
	margin-right: 0px;
}

.privacy_link a {
	position:relative;
	display:block;
    background: #f5f5f5;
	height: 65px;
	text-align: center;
	line-height: 65px;
	text-decoration:none;
	color:#000000;
}

.privacy_link a::before{
	content:'';
	width:0;
	height:0;
	border:solid 5px transparent;
	border-left:solid 5px #e70000;
	position:absolute;
	left:14px;
	top:28px;
	}

.privacy_link a:hover{
	opacity:0.7;
	color:#000000;	
	}


.contact_box{
	background: #fdf4f4;
	padding: 20px 40px 20px;
	margin-bottom:10px;
}

.contact_box:after{
    content: "";
    clear: both;
    display: block;
}

dl.contact dt,
dl.contact dd{
	float: left;
}


dl.contact2 dt,
dl.contact2 dd{
	float: left;
}


dl.contact dt{
	clear:left;
	width:80px;
}

dl.contact2 dt{
	clear:left;
	width:200px;
}


dl.contact dd{
	width:500px;
}

dl.contact2 dd{
	width:380px;
}




/*	共通スタイル
----------------------------------------------------*/

.clear {clear:both !important;}
.none {display:none !important;}
.nowrap {white-space:nowrap !important;}
.h10 {height:10px !important;}
.h15 {height:15px !important;}
.h20 {height:20px !important;}
.h30 {height:30px !important;}
.h40 {height:40px !important;}
.h50 {height:50px !important;}
.h100 {height:100px !important;}
.h200 {height:200px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}
.h600 {height:600px !important;}
.w15p {width:15% !important;}
.w25p {width:25% !important;}
.w50p {width:50% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w85p {width:85% !important;}
.w100p {width:100% !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10 {margin-bottom:10px !important;}
.mB15 {margin-bottom:15px !important;}
.mB20 {margin-bottom:20px !important;}
.mB25 {margin-bottom:25px !important;}
.mB30 {margin-bottom:30px !important;}
.mB35 {margin-bottom:35px !important;}
.mB40 {margin-bottom:40px !important;}
.mB45 {margin-bottom:45px !important;}
.mB50 {margin-bottom:50px !important;}
.mB70 {margin-bottom:70px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}
.mL10 {margin-left:10px !important;}
.mR20 {margin-right:20px !important;}
.mR50 {margin-right:50px !important;}
.figR {float:right; margin:0 0 30px 30px !important;}
.figL {float:left; margin:0 30px 30px 0 !important;}
.b {font-weight:bold !important;}
.i {font-style:italic !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.m {vertical-align:middle !important;}
.fl {float:left;}
.fr {float:right;}
.rd {color:#cc0000 !important;}
.bl {color:#0066ff !important;}
.noscript {display:none !important;}
.narrow {letter-spacing:-1.0px !important;}
.lg {font-size:122% !important;}
.sm {font-size:93% !important;}

a[href$=".pdf"]
 {
min-height: 16px;
padding-left: 22px;
background: url(../img/common/icon_pdf.png) no-repeat 0 0;
}
a.noicon {
    padding-left: 0;
    background: none;
}