@charset "UTF-8";

/* CSSハック　last update: 2010.7.9

◎IE8はハックしない

◎IE7用
*:first-child+html セレクタ {}

◎IE6用
*html セレクタ {}

◎safari & firefox用 & Chrome
body:first-of-type セレクタ {}

*/p{
margin-bottom:10px;	
word-break: break-all;
}
p.l2{
margin-bottom:20px;	
}

h2.ttl{
	background: url(../images/h2.png) no-repeat 0 0;
	width:685px;
	height: 35px;
	text-indent: -9999px;
	overflow:hidden;
	margin-bottom:15px;
}

h3.subttl{
clear:both;
color: #008c7a;
font-size: 1.16em;
border-top: 1px solid #d9d9d9;
margin: 12px 0 5px 0;
padding: 12px 0 0 0;
}

h3.subttl2{
clear:both;
color: #008c7a;
font-size: 1.16em;
border-bottom: 2px solid #008c7a;
margin: 12px 0 15px 0;
padding: 0 0 5px 0;
}

h3.pagettl{
font-size: 2em;
padding:10px 0 15px 0;
}

h4{
clear:both;
border-top: 4px double #ddb4d4;
border-bottom: 1px solid #ddb4d4;
padding: 6px 0;
margin-bottom:10px;	
}

h4 span{
	color:#a22e88;
	font-size: 1.33em;
	border-left: 8px solid #a22e88;
	padding-left: 10px;
	line-height:1.0;
}

ul.submenu li{
display: block;
width:170px;
float:left;	
}

ul.submenu li a{
display:block;
background: url("../../images/arrow.png") no-repeat 0 -295px;
padding-left:17px;
}
body:first-of-type ul.submenu li a{
	background-position: 0 -295px;
}

.bg-lv{
	background:#f6eaf3;
	padding:10px 15px 5px 15px;
	margin-bottom:15px;	
}.c1 {
width:485px;
float:left;	
}
.c2 {
width:190px;
padding-left:10px;
float:left;	
}

.dotline-top{
	clear:both;
	border-top: 1px dotted #bbb;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	
}

.subcopy{
	background: url("../images/index_img.jpg") no-repeat 0 0;
	width: 685px;
	height:101px;
}

.copy{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:72px;	
}

ul.tabmenu {
float:left;	
}
ul.tabmenu li{	
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}

ul.tabmenu li a{
	background: url("../images/tabmenu.png") no-repeat 0 0;
	display:block;
	width:124px;
	height:24px;
}
ul.tabmenu li.t1 a{
	background-position:0 0;
}
ul.tabmenu li.t1-on a{
	background-position:0 -24px;
}
ul.tabmenu li.t2 a{
	background-position:-124px 0;
}
ul.tabmenu li.t2-on a{
	background-position:-124px -24px;
}
ul.tabmenu li.t3 a{
	background-position:-248px 0;
}
ul.tabmenu li.t3-on a{
	background-position:-248px -24px;
}
ul.tabmenu li.t4 a{
	background-position:-372px 0;
}
ul.tabmenu li.t4-on a{
	background-position:-372px -24px;
}

.tab-line, .tab-line1, .tab-line2, .tab-line3, .tab-line4{
display:block;
border-bottom: 5px solid #e4e4e4;	
height:24px;
}

.tab-line1{
border-bottom: 5px solid #267f37;
}
.tab-line2{
border-bottom: 5px solid #d2276b;
}
.tab-line3{
border-bottom: 5px solid #da3d0d;
}
.tab-line4{
border-bottom: 5px solid #2367ad;
}
.cat{
clear:both;
margin-top:15px;	
}
.bx-l{
float:left;	
width: 220px;
}
.bx-c{
width: 200px;
float:left;
color:#999;
}
.bx-r{
float:right;	
}

table.allindex{
clear:both;
width: 685px;
border:0;
padding:0;
margin:0;
border-top: 1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;	
}
table.allindex th{
	text-align:center;
	border-bottom: 1px dotted #d1d1d1;
	padding: 0.2em 0;
}
.list1{
width: 100px;	
}
.list2{
width: 300px;	
}
.list3{
width: 205px;	
}
.list4{
width: 80px;	
}
.l1,.l2,.l3,.l4{
text-align:center;
word-break: break-all;
}
table.allindex td.l2{
text-align:left;
padding:0 0 0 10px;	
}

table.allindex td{
padding: 0.5em 0;	
}

table.allindex tr.line1 td{
	background: #fff;
}
table.allindex tr.line2 td{
	background: #eafef9;
}
table.allindex tr.line2a td{
	background: #f0fbf3;
}
table.allindex tr.line2b td{
	background: #ffedf4;
}
table.allindex tr.line2c td{
	background: #fff5f2;
}
table.allindex tr.line2d td{
	background: #eef6ff;
}
table.allindex td.l1 span.j1, table.allindex td.l1 span.j2,table.allindex td.l1 span.j3, table.allindex td.l1 span.j4{
background: url("../images/commu_cat.png") no-repeat 0 0;
display:block;
width:62px;
height:14px;
text-indent:-9999px;
overflow:hidden;
margin:0 auto;
}
table.allindex td.l1 span.j2{
	background-position:0 -100px;
}
table.allindex td.l1 span.j3{
	background-position:0 -200px;
}
table.allindex td.l1 span.j4{
	background-position:0 -300px;
}

p.link{
	text-align:center;
	padding-top:20px;
	color: #999;	
}

.backtoindex{
width:150px;
float:right;
text-align:right;
}

.color1{
color:#267f37;
}
.color2{
color:#d2276b;
}
.color3{
color:#da3d0d;
}
.color4{
color:#2367ad;
}

.subarea{
padding:15px 0 0 0;
display:block;
width: 685px;	
}
.subtxt{
width:485px;
float:left;	
}
.post-btn{
padding-left:15px;
float:left;	
}

ul.post-msg{
	padding:10px 0;
}

ul.post-msg li{
float:left;
margin-right:5px;
padding-right:5px;
border-right: 1px #ccc solid;

}

ul.post-msg li.end{
border:none;
}

.q-box1{
border:2px #ccc solid;
padding:8px 15px 0 70px;
margin:15px 0;
background: url("../images/icon_q1.png") no-repeat 15px 15px;
}

.a-box1{
padding:15px 20px 15px 70px;
background:#f0fbf3 url("../images/icon_a1.png") no-repeat 15px 15px;
margin:15px 0 0 0;
}
.q-box2{
border:2px #ccc solid;
padding:8px 15px 0 70px;
margin:15px 0;
background: url("../images/icon_q2.png") no-repeat 15px 15px;
}

.a-box2{
padding:15px 20px 15px 70px;
background:#ffedf4 url("../images/icon_a2.png") no-repeat 15px 15px;
margin:15px 0 0 0;
}

.q-box3{
border:2px #ccc solid;
padding:8px 15px 0 70px;
margin:15px 0;
background: url("../images/icon_q3.png") no-repeat 15px 15px;
}

.a-box3{
padding:15px 20px 15px 70px;
background:#fff5f2 url("../images/icon_a3.png") no-repeat 15px 15px;
margin:15px 0 0 0;
}

.q-box4{
border:2px #ccc solid;
padding:8px 15px 0 70px;
margin:15px 0;
background: url("../images/icon_q4.png") no-repeat 15px 15px;
}

.a-box4{
padding:15px 20px 15px 70px;
background:#eef6ff url("../images/icon_a4.png") no-repeat 15px 15px;
margin:15px 0 0 0;
}

h4.pttl{
	border:none;
	font-size:1.5em;
	line-height:1.4;
	dding:0;
	margin:0 0 2px 0;
}
h4.pttl2{
	border:none;
	font-size:1.5em;
	line-height:1.4;
	dding:0;
	margin:0 0 2px 0;
}

.res-btn{
	text-align:right;
	margin-bottom:10px;	
}

h3.rule{
margin:20px 0 15px 0;	
}

ul.disc{

	margin-bottom:1em;	
}
ul.disc li{
	list-style:disc;
	margin-left:2em;
}

.chuui{
padding:0.5em 1em;
background:#ffc;	
}

table.postform tr td{
	vertical-align:top;
	padding:4px 6px;
	border-bottom:2px: solid #ccc;
}
table.postform {
margin-bottom:30px;	
}

td.hd{
font-weight:bold;
text-align:right;
}
.hd2{
width: 400px;	
}

.field1{
	width: 400px;
}
.btn{
	width: 120px;	
}
.btn2{
	width: 70px;	
}