/*--------クリーンデザインCSS--------- */


@charset "shift-jis";
/* CSS Document */


/*上部メニュー固定
----------------------------------------------------------*/

body{  
  margin: 0;  
  padding: 70px 0 0 0;
}  
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 70px;  
    background-color: #2D1385;  
    color: #fff;  
}  

* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}


/*上部メニュー固定ここまで
----------------------------------------------------------*/

/*全体共通項目
----------------------------------------------------------*/

body {
	font-family: "メイリオ", "Meiryo", sans-serif;
	color:#000000;
	font-size: 100%;
	line-height: 1.8;
	background: #fff url(../img/bg.jpg) repeat center top fixed;
}

*{
margin:0;
padding:0;
}

img {  
border:0;  
} 

a {
	color: #ffffff;
}
a:hover {
	color: #C2E0FF;
}

/*全体共通項目ここまで
----------------------------------------------------------*/

#head1 {
text-align:center;
}

td.head2 {
padding: 25px 20px 20px 20px;
}

#toplogo {
width: 100%;
padding: 0;
background: url(../img/mizuback1.gif) no-repeat center top scroll; 
}

#toplogo1 {
width: 100%;
height:200px;
text-align:center;
}

hr.logou {
border-top: 5px solid #4E92C9;
width : 600px;
}

p.catchcopy {
font-size : 30px;
}

#toplogo3 {
width: 100%;
height:320px;
text-align:center;
padding: 260px 0 0 0;
}

#catchcopy1{
font-size : 30px;
letter-spacing: 0.3em;
}

td.midasi1{
text-align:right;
width:100%;
height:30px;
background-color:#DED03B;
padding: 10px 30px 5px 0;
}

h1{
font-size:14px;
font-weight:normal;
color:#ffffff;
}

strong{
font-weight:normal;
font-family: "メイリオ", "Meiryo", sans-serif;
color:#000000;
font-size: 100%;
}


table.aaa1{
padding: 0;
width : 100%;
}

td.aaa2 {
height : 120px;
padding: 0px 0px 35px 0;
background: url(../img/bg3.gif) no-repeat center top scroll;
text-align : center; 
}

h2.title1{
color : #fff;
font-size : 36px;
font-weight : bold;
letter-spacing : 0.2em;
}

#title2{
color : #fff;
font-size : 24px;
letter-spacing : 0.2em;
}

table.aaa3{
padding: 0;
width : 700px;
}

td.aaa4{
width : 80px;
height:60px;
padding: 10px 0 0 20px;
background-color : #19254A;
}

td.aaa5{
width:600px;
height:60px;
padding: 15px 0 0 10px;
border-bottom: 3px #FFF100 solid;
background-color : #19254A;
}

p.aaa6{
color : #fff;
font-size : 30px;
font-weight : bold;
letter-spacing : 0.2em;
}

td.aaa7{
width:20px;
background-color : #19254A;
}

p.aaa8{
color : #fff;
font-size : 28px;
font-weight : bold;
letter-spacing : 0.2em;
}

p.aaa9{
color : #fff;
font-size : 26px;
font-weight : bold;
letter-spacing : 0.2em;
}

#aaa10{
height:580px;
padding: 20px 0 0 0;
text-align : center; 
}

#aaa11{
width : 900px;
padding: 0;
}

td.aaa12{
height:50px;
padding: 10px 0 0 0;
}

p.aaa13{
color : #000;
font-size : 18px;
font-weight : bold;
letter-spacing : 0.1em;
}

td.aaa14{
text-align : center;
height : 30px;
padding: 15px 0 0 0;
}

td.aaa15{
text-align : center;
}

td.aaa16{
height:50px;
padding: 20px 0 0 0;
}

#aaa17{
color : #000;
font-size : 16px;
font-weight : normal;
letter-spacing : 0.1em;
}

table.aaa18{
padding: 0;
width : 800px;
}

td.aaa19{
width:800px;
padding: 15px 0 0 0;
border-bottom: 5px #00A1E9 solid;
}

td.aaa20{
width:800px;
padding: 10px 0 15px 0;
border-bottom: 5px #00A1E9 solid;
}

#aaa21{
width:400px;
padding: 12px 0 0 0;
}

#aaa22{
width:400px;
padding: 12px 0 0 0;
text-align : right;
}

#aaa23{
padding: 30px 0 0 0;
text-align : center;
}

td.aaa24{
height:82px;
padding: 0;
background-color : #2465af;
}

td.aaa25{
width: 670px;
height:82px;
padding: 5px 30px 0 80px;
background: url(../img/obi.gif) no-repeat center top scroll;
}

td.aaa26{
width: 15px;
}

p.aaa27{
color : #000;
font-size : 24px;
font-weight : bold;
letter-spacing : 0.1em;
}

td.aaa28{
width: 670px;
padding: 10px 50px 10px 30px;
}

p.aaa29{
color : #fff;
font-size : 18px;
}

#ryoukin{
width : 80%;
border-collapse: collapse;
border:2px solid #1D2088;
background-color:#FFFFFF;
color:#808080;
text-align:left;
}

th.ryoukin1{
border:2px solid #fff;
background-color:#1D2088;
color:#FFFFFF;
text-align:center;
height : 40px;
}

td.ryoukin2{
border:2px solid #1D2088;
text-align:center;
height : 35px;
color : #333;
}

td.ryoukin3{
border:2px solid #1D2088;
text-align:right;
padding: 0 20px 0 0;
color : #333;
}

#aaa30{
height: 60px;
padding: 10px 0 10px 0;
text-align : center;
}

p.aaa31{
font-size : 18px;
}

td.aaa32{
height: 35px;
padding: 10px 0 10px 0;
text-align : center;
}

#aaa33{
padding: 10px 0 10px 150px;
width : 900px;
}

ul.aaa34 {
margin: 0 0 0 1em;
padding: 0;
text-align : left;
}

#aaa35{
height: 60px;
padding: 10px 0 10px 0;
text-align : center;
}

#aaa36{
font-size : 18px;
}

#enpo{
width : 60%;
border-collapse: collapse;
border:2px solid #1D2088;
background-color:#FFFFFF;
color:#808080;
text-align:left;
}

th.enpo1{
border:2px solid #fff;
background-color:#1D2088;
color:#FFFFFF;
text-align:center;
height : 40px;
}

td.enpo2{
border:2px solid #1D2088;
text-align:center;
height : 35px;
color : #333;
}

td.enpo3{
border:2px solid #1D2088;
text-align:right;
padding: 0 20px 0 0;
color : #333;
}

#aaa37{
width: 800px;
padding: 0;
background: url(../img/koe.jpg) no-repeat center top scroll;
}

#koe1{
height: 100px;
padding: 35px 40px 0px 390px;
}

#koe2{
height: 156px;
padding: 25px 380px 0 40px;
}

#koe3{
height: 136px;
padding: 35px 165px 0 250px;
}

#koe4{
height: 106px;
padding: 10px 0 0 30px;
}

#koe5{
height: 136px;
padding: 10px 40px 10px 385px;
}

p.koe{
line-height : 1.2em;
}

#aaa38{
height: 60px;
padding: 10px 0 10px 0;
}

#aaa39{
font-size : 18px;
width : 750px;
text-indent: 1em;
}

table.aaa40{
padding: 0;
width : 750px;
}

td.aaa41{
height: 60px;
padding: 10px 0 10px 50px;
}

a:link.qa {font-size: 16px; color:#444;font-weight :normal;text-decoration: none;letter-spacing: 0.1em;}
a:visited.qa {font-size: 16px; color:#aaa;font-weight :normal;text-decoration: none;letter-spacing: 0.1em;}
a:active.qa {font-size: 16px; color:#9B7C31;font-weight :normal;text-decoration: none;letter-spacing: 0.1em;}
a:hover.qa {font-size: 16px; color:#E4007F;font-weight :normal;text-decoration: underline;letter-spacing: 0.1em;}

p.faq{
font-size : 16px;
font-weight : bold;
line-height : 1.6;
}

h3 {
color : #E4007F;
}

hr.faq1 {
border-top: 5px solid #4E92C9;
width : 700px;
}

.faq2 {
width : 750px;
height : 60px;
text-align : left;
padding: 30px 0 0 50px;
margin: 0; 
}

.faq3 {
width : 750px;
height : 50px;
text-align : left;
padding: 10px 0 10px 50px;
margin: 0; 
display: table-cell;
}

hr.faq4 {
border-top: 2px solid #FFFFB3;
width : 700px;
}


.link01 {
margin-top:-70px;
padding-top:70px;
font-size: 16px;
font-weight : bold;
color:#000;
}

.toi1 {
width : 750px;
height : 1000px;
text-align : left;
padding: 10px 0 10px 10px;
margin: 0; 
display: table-cell;
}

/*--------問い合わせフォーム関係ここから--------- */

#den1{
padding: 0 20px 0 0;
}

#den2{
text-align : center;
padding-top:20px;
}

table.ps20{
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
border-color: #0071C7;
border-style: solid;
width:700px;
background-color: #00A0E9;
}

p.ps21{
font-size:32px;
color:#FDFE03;
font-weight:bold;
line-height:1.5em;
}

td.ps22{
padding: 10px 0px 10px 50px;
}

p.ps23{
font-size:14px;
color:#FDFE03;
font-weight:bold;
line-height:1.5em;
}

td.ps24{
padding: 0px 50px 10px 50px;
}

p.denwa{
font-size:36px;
color:#ffffff;
font-weight:bold;
}

p.ps25{
font-size:16px;
color:#ffffff;
font-weight:bold;
line-height:1.5em;
}

p.ps26{
font-size:14px;
line-height:1.5em;
}

table.ps27{
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
border-color: #cccccc;
border-style: solid;
width:700px;
background-color: #ffffcc;
}

td.ps28{
padding: 15px 0px 10px 0px;
text-align:center;
}

p.ps29{
font-size:14px;
color:#ff0000;
}

td.ps30{
padding: 10px 20px 10px 20px;
width:350px;
}

td.ps31{
padding: 15px 0px 15px 20px;
width:200px;
background-color: #00A0E9;
}

td.ps32{
padding: 15px 0px 15px 20px;
width:500px;
}

p.ps33{
font-size:14px;
color:#ffffff;
font-weight:bold;
}

span.hissu{
font-size:12px;
color:#ffffff;
font-weight:normal;
background-color: #dd3300;
}

input:focus.ne {
background-color: #ffffff;
}

input:focus.nn {
background-color: #ffffff;
}

textarea:focus.nt {
background-color: #ffffff;
}


.nn {
padding: 0.2em; 
width: 200px;
font-size: 110%; 
color:#000000;
background-color: #D5F4FF; 
border: 2px #9999BB solid;
} 

.ne {
padding: 0.2em; 
width: 300px;
font-size: 110%; 
color:#000000;
background-color: #D5F4FF; 
border: 2px #9999BB solid;
} 

.nt {
padding: 0.2em; 
width: 450px;
font-size: 110%; 
color:#000000;
background-color: #D5F4FF; 
border: 2px #9999BB solid;
} 

p.ps34{
font-size:16px;
color:#005B2F;
font-weight:bold;
}

td.ps35{
padding: 15px 0px 15px 20px;
}

p.ps36{
font-size:16px;
color:#444444;
font-weight:bold;
line-height:1.5em;
}

span.ps37{
font-size:11px;
}

p.ps38{
font-size:12px;
color:#ffffff;
line-height:1.5em;
}

td.ps39{
padding: 5px 5px 5px 15px;
background-color:#25245D;
}

span.fuzoku {
font-size:24px;
color:#003991;
font-weight:bold;
}


/*--------問い合わせフォーム関係ここまで--------- */


/*-----------------------------------------------
▼フッター部分の設定
-------------------------------------------------------------- */

#footer {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 5px;
	border-top-style: dotted;
	border-top-color : #6596BA;
	padding-top: 0px;
	padding-bottom: 5px;
	background-color : #9BD3EA;
	clear: both;
}

#footer-inner {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/*フッターメニュー
----------------------------------------------------------*/

#footer ul#footermenu {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 0px;
}

#footer ul#footermenu li {
	font-family: "メイリオ", "Meiryo", sans-serif;
	color : #6596BA;		/*リンクがないテキスト部分の文字色*/
	border-left-width: 1px;		/*各リンク間の区切り線太さ*/
	border-left-style: solid;	/*各リンク間の区切り線スタイル*/
	border-left-color: #8ABCD6;	/*各リンク間の区切り線の色*/
	padding-left: 20px;
	padding-right: 20px;
	display: inline;
}

#footer ul#footermenu li.last {
	border-right-width: 1px;	/*リンク部分の一番右端に表示される線太さ*/
	border-right-style: solid;	/*リンク部分の一番右端に表示される線スタイル*/
	border-right-color: #8ABCD6;	/*リンク部分の一番右端に表示される線の色*/
	padding-right: 10px;
}

#footer ul#footermenu li a {
	color: #6596BA;		/*文字色*/
	font-size: 14px;
}

#footer ul#footermenu li a:hover {
	color : #3097FE;		/*マウスオーバー時の文字色*/
	font-size: 14px;
}
/*コピーライト
----------------------------------------------------------*/

#copy_r {
	font-size: 12px;	/*文字サイズ*/
	font-family: "メイリオ", "Meiryo", sans-serif;
	color: #333;		/*文字色*/
}
/*ここまでフッター関係
----------------------------------------------------------*/