@charset "UTF-8";

/*--------------------------------------
    header Module
---------------------------------------*/
#header h1{
	margin:0;
	padding:4px 0 0 0;
	font-size:93%;
	font-weight:normal;
	color:#FFFFFF;
	height: 0px;
}

#header .heder-in{
	width:930px;
	margin-top:14px;
	padding:0;
	height: 300px;
}

#header p.logo{
	width:215px;
	margin-top:0;
	padding:0;
	float:left;
}

#header .tel{
	width:415px;
	margin:0;
	padding:0;
	float:right;
}

#header .tel span{
	width:415px;
	height:75px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	display:block;
	background:url(../images/tel_number.gif) 0 5px no-repeat;
}

#header .heder-menu{
	width:415px;
	height:30px;
	text-align:right;
	position:absolute;
	top:4px;
	right:60px;
}

#header .heder-menu ul{
	width:415px;
	list-style:none;
}

#header .heder-menu li{
	margin:0;
	padding-left:15px;
	font-size:93%;
	float:right;
}

#header .heder-menu li a{
	text-decoration: none;
	color:#FFFFFF;
}

#header .heder-menu li a:hover{
	text-decoration: none;
	color: #CCCCCC;
}

/*--------------------------------------
    Navigation Module
---------------------------------------*/
/* --- ナビゲーションバー --- */
.nav {
	width:930px;
	height:36px;
	border-top: 1px #99cccc solid;
	border-bottom: 1px #99cccc solid;
	font-size: 80%;
	background:url(../images/nav_bg.gif);
}

/* --- メニューエリア --- */
.nav ul {
	width: 600px;
	height:36px;
	margin: 0 auto;
	padding: 0;
	border-right: 1px #99cccc solid;
	list-style-type: none;
	text-align: center;
	background:url(../images/nav_on_bg.gif) no-repeat;
}

/* --- メニュー項目 --- */
.nav ul li {
	width: 150px;
	height:36px;
	float: left;
}

/* --- リンク --- */
.nav ul li a {
	height:36px;
	display: block;
	position: relative;
	border-left: 1px #99cccc solid;
	text-indent:-9999px;	
}

.nav ul li.nav01 a {
	background:url(../images/nav_of_01.gif) no-repeat;
}

.nav ul li.nav02 a {
	background:url(../images/nav_of_02.gif) no-repeat;
}

.nav ul li.nav03 a {
	background:url(../images/nav_of_03.gif) no-repeat;
}

.nav ul li.nav04 a {
	background:url(../images/nav_of_04.gif) no-repeat;
}

/* --- ポイント時の設定 --- */
.nav ul li a:hover {
	background:none;
}

/*--------------------------------------
    Top Module
---------------------------------------*/
#top-main, #main-2nd{
	width:100%;
	margin:0;
	padding:0;
}

#top-main h2{
	width:930px;
	height:100px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_h2_tit.gif) no-repeat;
}

#top-main h3.tit01{
	width:930px;
	height:34px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_h3_tit01.gif) no-repeat;
}

#top-main h3.tit02{
	width:930px;
	height:44px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_h3_tit02.gif) no-repeat;
}

#top-main p.p01{
	width:930px;
	height:70px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_tit01.gif) no-repeat;
}

#top-main p.p02{
	width:930px;
	height:175px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_img01.jpg) no-repeat;
}
#top-main p.p03{
	width:930px;
	height:200px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_img02.jpg) no-repeat;
}
#top-main p.p04{
	width:930px;
	height:177px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_img03.jpg) no-repeat;
}
#top-main p.p05{
	width:930px;
	height:64px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_img04.jpg) no-repeat;
}
#top-main p.p06{
	width:930px;
	height:143px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/top_img05.jpg) no-repeat;
}
#top-main .p07, #main-2nd .p07{
	width:930px;
	height:0px;
	margin:0;
	padding:0;
	position:relative;
}

#top-main .p07 p, #main-2nd .p07 p{
	width:480px;
	height:auto;
	margin:0;
	padding:15px 0 0 30px;
	color:#FFFFFF;
	line-height:1.5em;
}

.toi-button{
	width:263px;
	height:15px;
	display:block;
	position: absolute;
	top:100px;
	left:583px;
	text-indent:-9999px;
	background:url(../images/toiawase_bt.gif) left bottom no-repeat;
}

.toi-button a{
	width:263px;
	height:15px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/toiawase_bt.gif) left top no-repeat;
}

.toi-button a:hover{
	width:263px;
	height:15px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/toiawase_bt.gif) left bottom no-repeat;
}

/*--------------------------------------
    Top Module
---------------------------------------*/
#main-bottom{
	margin:0;
	padding:0 0 20px 0;
	background:url(../images/main_bottom.gif) left bottom no-repeat;
}

#main-bottom .info-area{
	width:425px;
	_width:415px;
	height:60px;
	margin:20px 0 20px 15px;
	_margin:20px 0 20px 10px;
	padding:0;
	color:#3399cc;
	_font-size:85%;
	float:left;
}

#main-bottom .info-area img{
	padding-right:15px;
	float:left;
}

#main-bottom .info-area p{
	padding-top:15px;
}

#main-bottom .info-bt{
	width:460px;
	margin:20px 15px 20px 0;
	padding:0;
	float:right;
}

#main-bottom .info-bt ul {
	width: 460px;
	height:74px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-bottom .info-bt ul li {
	width: 218px;
	height:74px;
	margin-left:10px;
	float: right;
}

#main-bottom .info-bt ul li.bt01{
	background:url(../images/info_bt02.gif) left bottom no-repeat;
}

#main-bottom .info-bt ul li.bt02{
	background:url(../images/info_bt01.gif) left bottom no-repeat;
}

#main-bottom .info-bt li.bt01 a {
	width: 218px;
	height:74px;
	display: block;
	text-indent:-9999px;
	background:url(../images/info_bt02.gif) left top no-repeat;
}

#main-bottom .info-bt li.bt02 a {
	width: 218px;
	height:74px;
	display: block;
	text-indent:-9999px;	
	background:url(../images/info_bt01.gif) left top no-repeat;
}

#main-bottom .info-bt li a:hover{
	background:none;
}

/*--------------------------------------
    2nd Module
---------------------------------------*/

.topic{
	line-height:1.5em;
	color:#FF0000;
}

.topic2{
	line-height:1.5em;
	color: #003399;
}

.topic3{
	font-weight:bold;
	line-height:1.5em;
	color: #003399;
}

.topic3 strong{
	color:#FF0000;
}

/*--- .manu ---------------------------------------*/

.menu .menu-in{
	margin:0;
	padding:0;
	line-height:1.5em;
	border-left:3px #333 solid;
	border-right:3px #333 solid;
	border-bottom:3px #333 solid;
}

.menu .menu-in p{
	padding:0 15px 15px 15px;
}

.menu-bt10{
	width:274px;
	height:65px;
	display:block;
	text-indent:-9999px;
	background:url(../images/toiawase_bt2.gif) left bottom no-repeat;
}

.menu-bt10 a{
	width:274px;
	height:65px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/toiawase_bt2.gif) left top no-repeat;
}

.menu-bt10 a:hover{
	width:274px;
	height:65px;
	margin:0;
	padding:0;
	display:block;
	background:url(../images/toiawase_bt2.gif) left bottom no-repeat;
}

.menu ul {
	width: 280px;
	height:110px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.menu ul li {
	width:280px;
	height:55px;
	margin:1px 0;
	padding:0;
	display: block;
}

.menu ul li.menu-bt01{
	background:url(../images/menu_bt_01.gif) left bottom no-repeat;
}

.menu ul li.menu-bt02{
	background:url(../images/menu_bt_02.gif) left bottom no-repeat;
}

.menu li.menu-bt01 a {
	width: 280px;
	height:55px;
	display: block;
	text-indent:-9999px;
	background:url(../images/menu_bt_01.gif) left top no-repeat;
}

.menu li.menu-bt02 a {
	width: 280px;
	height:55px;
	display: block;
	text-indent:-9999px;
	background:url(../images/menu_bt_02.gif) left top no-repeat;
}

.menu li a:hover{
	background:none;
}

/*--- seko-nonagare ---------------------------------------*/

#main-2nd h2.sekou{
	width:930px;
	height:100px;
	display:block;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/h2_tit01.jpg) no-repeat;

}

.sekou-box01, .sekou-box02, .sekou-box03, .sekou-box04, .sekou-box05{
	width:636px;
	_width:630px;
	margin:15px 0;
	padding:0;
	font-size:100%;
	line-height:1.5em;
	color: #333;
}

.sekou-box01 h3{
	width:630px;	
	height:33px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/sekou_h3_tit01.gif) no-repeat;
}
.sekou-box02 h3{
	width:630px;	
	height:33px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/sekou_h3_tit02.gif) no-repeat;
}
.sekou-box03 h3{
	width:630px;	
	height:33px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/sekou_h3_tit03.gif) no-repeat;
}
.sekou-box04 h3{
	width:630px;	
	height:33px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/sekou_h3_tit04.gif) no-repeat;
}

.sekou-box05 h3{
	width:630px;	
	height:33px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/sekou_h3_tit05.gif) no-repeat;
}

.sekou-box01 p{
	width:464px;
	min-height:113px;
	margin:0;
	padding:13px 13px 13px 143px;
	border:3px #333333 solid;
	background:url(../images/sekou_img01.jpg) 10px 10px no-repeat;
}

.sekou-box02 p{
	width:464px;
	min-height:113px;
	margin:0;
	padding:13px 13px 13px 143px;
	border:3px #333333 solid;
	background:url(../images/sekou_img02.jpg) 10px 10px no-repeat;
}

.sekou-box03 p{
	width:464px;
	min-height:113px;
	margin:0;
	padding:13px 13px 13px 143px;
	border:3px #333333 solid;
	background:url(../images/sekou_img03.jpg) 10px 10px no-repeat;
}

.sekou-box04 p{
	width:464px;
	min-height:113px;
	margin:0;
	padding:13px 13px 13px 143px;
	border:3px #333333 solid;
	background:url(../images/sekou_img04.jpg) 10px 10px no-repeat;
}

.sekou-box05 p{
	width:594px;
	margin:0;
	padding:13px;
	border:3px #333333 solid;
}

/*--- user voice ---------------------------------------*/

#main-2nd h2.user{
	width:930px;
	height:100px;
	display:block;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/h2_tit02.jpg) no-repeat;
}

.voice-box01{
	width:620px;
	_width:620px;
	margin:5px 0 20px 0;
	padding:0;
	font-size:100%;
	line-height:1.5em;
	color: #333;
	border:3px #333333 solid;
}

.voice-box02{
	width:620px;
	_width:620px;
	min-height:270px;
	margin:5px 0 20px 0;
	padding:0;
	font-size:100%;
	line-height:1.5em;
	color: #333;
	border:3px #333333 solid;
}

.img-flot{
	margin:10px 0 0 10px;
	float:left;
}

.user-name{
	padding-right:15px;
	color:#FFFFFF;
	font-size:93%;
	text-align:right;
	background-color:#3399cc;
}

.voice-box01 h3{
	width:590px;
	height: auto;
	display:block;
	margin:5px 0 0 15px;
	padding:0;
	color:#3399cc;
	border-bottom:3px #bdddec solid;
}

.voice-box02 h3{
	width:450px;
	height: auto;
	display:block;
	margin:5px 0 0 160px;
	padding:0;
	color:#3399cc;
	border-bottom:3px #bdddec solid;
}

.voice-box01 p{
	min-height:113px;
	margin:13px 13px 13px 15px;
	padding:0;
}

voice-box02 p{
	min-height:113px;
	margin:13px 13px 13px 160px;
	padding:0;
}


/*--- about ---------------------------------------*/

#main-2nd h2.about{
	width:930px;
	height:100px;
	display:block;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/h2_tit04.jpg) no-repeat;
}

.kigyo-list dl {
	margin: 20px 0 0 0;
	padding: 0;
	width: 612px;
	font-size: 1.0em;
	border-bottom: 1px dotted #999;
}

.kigyo-list dl dt {
	margin:0;
	padding: 5px 0 5px 5px;
	width: 200px;
	font-weight: bold;
	color:#000033;
}

.kigyo-list dl dd {
	padding: 5px 5px 5px 9em;
	margin-left: 0;
	margin-top: -2.1em;
	margin-bottom: -1px;
	line-height: 1.4em;
	border-bottom: 1px dotted #999;
}

/*--- PrivacyPolicy ---------------------------------------*/

#main-2nd h2.prc{
	width:930px;
	height:100px;
	display:block;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/h2_tit05.jpg) no-repeat;
}

.prc-box dl {
	margin: 20px 0 0 0;
	padding: 0;
	width: 612px;
	font-size: 1.0em;
	border-bottom: 1px dotted #999;
}

.prc-box dl dt {
	margin:0;
	padding: 5px 0 5px 5px;
	font-weight: bold;
	color:#000033;
}

.prc-box dl dd {
	padding: 5px 0 15px 30px;
	margin-left: 0;
	line-height: 1.4em;
	border-bottom: 1px dotted #999;
}

.prc-box ol{
	margin:15px 0;
	font-size:93%;
}

/*--- contact ---------------------------------------*/
#main-2nd h2.contact{
	width:930px;
	height:100px;
	display:block;
	margin:0 0 15px 0;
	padding:0;
	text-indent:-9999px;
	background:url(../images/h2_tit03.jpg) no-repeat;
}

.tbl_inline{
	width: 100%;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
}

.tbl_inline th{
	padding: 5px;
	color:#333;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-collapse: collapse;
	background-color: #66CCFF;
}

.tbl_inline td{
	padding: 5px;
	color:#666666;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-collapse: collapse;
	font-size:100%;
	background: url(../img/table01.gif) left top;
}

.tbl_inline td.subject{
	padding: 5px;
	width: 35%;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-collapse: collapse;
	background-color:#F0F0F0;
	font-size:93%;
	color: #333;
}

.tbl_inline td.subject strong{
	margin-left:5px;
	color:#FF0000;
	font-size:85%;
}

.tbl_list{
	width: 100%;
}

.tbl_list th{
	padding: 0px 0px 10px 20px;
	text-align: left;
}

.tbl_list td{
	width: 33%;
	padding: 0px 0px 10px 20px;
}

.tbl_block{
	border: 0px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
}

.tbl_block td.cont{
	padding: 5px;
	border: solid 1px #cccccc;
}

.bt {
  display: block;             /* ブロック要素にする */
  width: 180px;
  height:30px;
  color: #ffffff;
  background-color: #000;  /* 背景色 */
  border: outset 2px #9999cc; /* 枠の色 */
  margin: 0 0 40px 0;
  padding: 3px 1px 1px 0px;
  font-size:108%;
  font-weight:bold;
  line-height: 12px;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
.bt:hover {
  font-weight:bold;
  color: #eeeeee;
  background-color: #999999;  /* 背景色 */
  border: inset 2px #9999cc;  /* 枠の色 */
  margin: 0 0 40px 0;
  padding: 4px 0px 0px 1px;
}

.bt03 {
  display: block;             /* ブロック要素にする */
  width: 180px;
  height:30px;
  color: #ffffff;
  background-color: #000;  /* 背景色 */
  border: outset 2px #9999cc; /* 枠の色 */
  margin: 0;
  padding: 3px 1px 1px 0px;
  font-size:108%;
  font-weight:bold;
  line-height: 12px;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
.bt03:hover {
  font-weight:bold;
  color: #eeeeee;
  background-color: #999999;  /* 背景色 */
  border: inset 2px #9999cc;  /* 枠の色 */
  margin: 0;
  padding: 4px 0px 0px 1px;
}

.bt:active, .bt03:active  { color: #ffffff; }
.bt:visited, .bt03:visited  { color: #ffffff; }


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

#footer-in a {
	color:#FFFFFF;
}

#footer-in a:hover {
	color: #0099CC;
}

#footer-in .copy{
	margin-top:10px;
	color:#66CCFF;
}
#a_header {
	margin:0 auto;
	padding:0 0 0 0;
	height: 300px;
	width: 930px;
}
#a_header2 {
	margin:0 auto;
	padding:0 0 0 0;
	height: 30px;
	width: 930px;
}

.clear {
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.clear2 {
	clear: both;
}

#a_top-main {
	width:930px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height: auto;
}
#a_top-main p {
	text-indent:-9999px;
	font-size: 10px;
}

#a_top-main2 {
	width:930px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../images/body_02.jpg);
	height: 277px;
}
#a_top-main2 p {
	text-indent:-9999px;
	font-size: 10px;
}
#a_top-main3 {
	width:930px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../images/body_03.jpg);
	height: 276px;
}
#a_top-main3 p {
	text-indent:-9999px;
	font-size: 10px;
}
#a_top-main4 {
	width:930px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../images/body_04.jpg);
	height: 275px;
}
#a_top-main4 p {
	text-indent:-9999px;
	font-size: 10px;
}
#a_top-main5 {
	width:930px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image: url(../images/body_05.jpg);
	height: 209px;
}
#a_top-main5 p {
	text-indent:-9999px;
	font-size: 10px;
}
#a_top-main6 {
	width:930px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height: 207px;
}