@charset "utf-8";
/* $Id: common.css,v 1.0 2008/09/26 0829 Exp $ */

/**
 * --------------------------------------------------
 * Theme common style settings.
 * このテーマ共通のスタイル設定です。
 * （一番最後に適用されるスタイルになります。）
 * --------------------------------------------------
 */

/**
 * Specific classes settings. （指定クラスの設定）
 * --------------------------------------------------
 */

.em {
  color: #00f;
}

.strong {
  color: #f00;
}

.mark {
  background-color: #ffffa6;
}
h1{height:20px;font-size:12px;text-align:right;color:#000;padding-right:20px;}
#body{text-align:center;}
#container{margin:0 auto;width:940px;background:#fff;}

#hc{	background: #fff;}
#header-region{
	background: #fff;
    width:940px;}
#main{
	background: url("images/cbgm.jpg") repeat left top;
    width:940px;}
#content{background:#fff;
    padding:0 20px;}
#section{clear:both;
	margin:10px 0 10px 0;
	background: url(images/cmbg.jpg) repeat-x top left;
	float:right;
	width:690px;}
    
div#squeeze{
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
background:#fff;
}
   
#sidebar-left{
    width:200px;
  float: left;}
#return-navi{clear:both;padding:0 20px;}
#footer-region{
	background: url("images/fbg.jpg") repeat left top;
    width:900px;color:#fff;}
#footer-region a{color:#fff;}
	
#header-region div.h_l{
    padding:0;
    margin:0;
	display: block;
	text-indent: -10000px;
	outline: none;
	overflow: hidden;
	text-decoration:none;}
#header-region div.h_l{
    width:260px;
    height:70px;
	background: url("images/theme_r1_c1.jpg") no-repeat left top;
	float:left;
}
#header-region div.h_l a{
    width:260px;
    height:70px;
    display:block;
}
#header-region div.h_r{
    width:640px;
    height:70px;
	float:right;
}
#header-region div.h_r p{
    padding:0 20px;
    margin:0;
	outline: none;text-align:right;

}
#header-region div.h_r ul{
    padding:0px;
    margin:0px;

}
#header-region div.h_r ul li{float:right;
    margin:5px 20px 5px 0;
/*list-style-image: url(images/li-icon.gif);*/
padding:0 0 0 15px;

	list-style-type: none;
background: url(images/li-icon.gif) no-repeat 0 5px;

}
#header-region div.h_r_l{
    width:270px;
    height:80px;
	float:left;
}
#header-region div.h_r_l p.c1{
    width:270px;
    height:27px;
	background: url("images/h_06.jpg") no-repeat left top;
}
#header-region div.h_r_l p.c2{
    width:270px;
    height:27px;
	background: url("images/h_08.jpg") no-repeat left top;
}
#header-region div.h_r_l p.c3{
    width:270px;
    height:26px;
	background: url("images/h_09.jpg") no-repeat left top;
}
#header-region div.h_r_r{
    width:300px;
    height:80px;
	background: url("images/h_05.jpg") no-repeat left top;
	float:right;
}
#header-region div.menu-cr{
	clear:both;

}
#header-region div.cpnb{
	margin:0 0 0 20px;
	padding:0 0 10px 0;

}

#header-region div.menu{
	width: 940px;
	height: 60px;
	overflow: hidden;
	margin:0;
	padding:0 0 10px 0;
	clear:both;
}
#header-region div.menu ul{
	width: 940px;
	height: 60px;
	overflow: hidden;
	margin:0;
	padding:0;
	float:left;
}
#header-region div.menu ul li {
	margin:0;
	padding:0;
	float: left;
	list-style-type: none;
}
#header-region div.menu ul li a {
	height: 60px;
	display: block;
	text-indent: -10000px;
	outline: none;
	overflow: hidden;
	text-decoration:none;
}
#header-region div.menu ul li.i1-1 a {
	background: url("images/theme_r2_c1.jpg") no-repeat left top;
	width: 225px;margin-left:20px;
}
#header-region div.menu ul li.i1-2 a {
	background: url("images/theme_r2_c2.jpg") no-repeat left top;
	width: 225px;
}
#header-region div.menu ul li.i1-3 a {
	background: url("images/theme_r2_c3.jpg") no-repeat left top;
	width: 225px;
}
#header-region div.menu ul li.i1-4 a {
	background: url("images/theme_r2_c4.jpg") no-repeat left top;
	width: 225px;
}
#header-region div.menu ul li.i1-5 a {
	background: url("images/hd_r4_c6.jpg") no-repeat left top;
	width: 182px;
}
#header-region div.menu ul li.i1-6 a {
	background: url("images/hd_r4_c7.jpg") no-repeat left top;
	width: 182px;
}

#header-region div.menu ul li.i1-1 a:hover {
	background: url("images/theme_r3_c1.jpg") no-repeat left top;
}
#header-region div.menu ul li.i1-2 a:hover {
	background: url("images/theme_r3_c2.jpg") no-repeat left top;
}
#header-region div.menu ul li.i1-3 a:hover {
	background: url("images/theme_r3_c3.jpg") no-repeat left top;
}
#header-region div.menu ul li.i1-4 a:hover {
	background: url("images/theme_r3_c4.jpg") no-repeat left top;
}
#header-region div.menu ul li.i1-5 a:hover {
	background: url("images/hd_r5_c6.jpg") no-repeat left top;
}
#header-region div.menu ul li.i1-6 a:hover {
	background: url("images/hd_r5_c7.jpg") no-repeat left top;
}
div#header{clear:both;}
body{
	background: url("images/bg.jpg") repeat left top;}
	
tbody,table ,tr,td{border:0;    border-collapse: collapse;
    border-spacing: 0;margin:0;padding:0;
}
	
	
	
	
	
	
	
	
/*qanda*/

div.qa{width:710px;margin:10px 0;
	background: url("images/qa_r3_c1.jpg") repeat left bottom;}
	
div.qes{padding:30px 20px 10px 80px;
	background: url("images/qa_r1_c1.jpg") no-repeat left top;}
div.ans{padding:30px 20px 15px 80px;
	background: url("images/qa_r2_c1.jpg") no-repeat left top;}

div.qab{padding:0 20px 0 80px;
	background: url("images/qa_r4_c1.jpg") no-repeat left bottom;}
	

div.cts{width:710px;margin:10px 0;
	background: url("images/ch3b_r2_c1.jpg") repeat left bottom;}
	
div.ctsm{padding:0px 20px 15px 20px;
	background: url("images/ch3b_r2_c1.jpg") no-repeat left top;}

div.ctsb{padding:0 20px 0 80px;
	background: url("images/ch3b_r3_c1.jpg") no-repeat left bottom;}
	


table th{vertical-align:top;text-align:left;}
table td{vertical-align:top;text-align:left;}


div.tcenter{text-align:center;width:710px;}




table.mod{}


table.topb {margin:10px 0;padding:0;vertical-align:top;text-align:left;}
table.topb th{margin:0;padding:0;width:190px;vertical-align:top;text-align:left;}
table.topb td{margin:0;padding:4px;vertical-align:top;text-align:left;border:1px solid #ccc;}


table.topt th{margin:0;padding:0;}
table.topt td{margin:0;padding:4px;}
th img, td img{margin:0;padding:0;}

table.topb {margin:10px 0;padding:0;width:190px;vertical-align:top;text-align:left;}
table.topb th{margin:0;padding:0;width:190px;vertical-align:top;text-align:left;}
table.topb td{margin:0;padding:4px;vertical-align:top;text-align:left;border:1px solid #ccc;}


table.mod {margin:10px 0;padding:0;vertical-align:top;text-align:left;}
table.mod th{margin:0;padding:0;width:330px;vertical-align:top;text-align:left;}
table.mod th.full{width:660px;}
table.mod td{margin:0;padding:4px;vertical-align:top;text-align:left;}


table.service{width:340px;}



table.sample_m{border-collapse: collapse;padding:0;margin:0;
    border-spacing: 0;}
table.sample_m th{width:136px;height:140px;vartical-align:top;text-align:left;
	background: url("images/sample/bgm.jpg") no-repeat left top;padding:2px;margin:0;}
table.sample_m td{color:#cc0000;margin:0;padding:0px 0 15px 0;line-height:15px;vertical-align:top;height:40px;}
table.sample_m td img{color:#fff;margin:0;padding:0;vertical-align:middle;}


/*

h2{height:40px;line-height:40px;padding:0 0 0 20px;margin:0;
	background: url("images/hd_r6_c5.gif") no-repeat left top; color:#fff;}


h2.title{height:40px;line-height:40px;padding:0 0 0 20px;margin:0;
	background: url("images/cbm.jpg") no-repeat left top; color:#000;}
	
.himg{clear:both; margin-top:5px;}
.himg img{padding:0; margin:0; border:0;     vertical-align: bottom;
}

h3.smh3{color:#cc0000;border-bottom:1px solid #000;margin-bottom:15px;}

h3{color:#cc0000;height:40px;line-height:40px;padding:0 0 0 50px;margin:0;
	background: url("images/hd_r7_c5.gif") no-repeat left top;}
h3.fxname{
margin:25px 0;
padding:10px;
color:#cc0000;
background:#333;
border:1px solid #ccc;}
h3.fxname a{
color:#fff;}

h4{color:#0D4E6D;height:40px;line-height:40px;padding:0 0 0 20px;margin:0;
	background: url("images/hd_r8_c5.gif") no-repeat left top;}

*/

h2{
	background: #fff url(images/theme_r8_c5.jpg) repeat-x bottom left;
	height:50px;
	padding:0 0 0 20px;
	line-height:50px;
	font-weight:bold;
	font-size:16px;
	color:#000;
	margin:0;
}

h3{border-top:2px solid #009900;
border-bottom:1px dotted #999;
background:#fff;
	clear:both;margin:10px 0;color:#333;padding-left:10px;font-size:14px;line-height:32px;height:32px;
}
h4{margin:10px 0;border-left:5px solid #ff6600;padding-left:10px;color:#333;
}

h2.im,h3.im,h4.im{padding:0;margin:0; height:auto;background:none;
border:0;
}



.fxbn{text-align:center;}


#sidebar-left div.block-title{height:40px;line-height:40px;padding:0 0 0 20px;margin:0;
	background: url("images/hd_r6_c2.gif") no-repeat left top; color:#333;}

#sidebar-left div.block-body{margin:0;padding:0;
}
/*
#sidebar-left div.block-body ul {
  list-style-position: inside;
  margin: 0;padding:0;
}

#sidebar-left div.block-body ul li{border-bottom:1px dashed #ccc; padding:0;}
#sidebar-left div.block-body ul li.last{border-bottom:0px dashed #ccc;}
#sidebar-left div.block-body ul li{border-top:0px dashed #ccc;}
*/
div.center-reg-l{float:left;width:280px;}
div.center-reg-c{float:left;width:280px;margin-left:30px;}
div.center-reg-r{float:left;width:280px;margin-left:30px;}



div.block-body ul {
	padding:0;
	margin:0 10px 10px 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#f1f1f1;
}
div.block-body ul li
{list-style-image:none;
	background: none;
	list-style-type: none;
	padding:0;
	line-height:1.2em;
	margin:0 0 0 0;
	border-bottom:1px solid #ccc;
}

div.block-body ul li a
{display:block;
	padding:8px 5px;
	text-decoration:none;
	color:#333;
}
div.block-body ul li a:hover
{
	color:#000;
	text-decoration:underline;
}

div.block-body ul li ul{
	padding:0;
	margin:0 10px 10px 0;
	border-top:0px solid #ccc;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	background:#fff;
}
div.block-body ul li ul li
{
	background: none;
	list-style-type: none;
	padding:0 0 0 0;
	line-height:1.2em;
	margin:0 0 0 0;
	border-top:1px solid #ccc;
	border-bottom:0px solid #ccc;
}

div.block-body ul li ul li a
{display:block;
	padding:8px 0 8px 20px;
background: url(images/li-icon-block.gif) no-repeat 3px 11px;
}

div.block-body ul li ul li ul li a
{display:block;
	padding:8px 0 8px 26px;
background: url(images/li-icon-block.gif) no-repeat 9px 11px;
}

div.block-body ul li ul li ul li ul li a
{display:block;
	padding:8px 0 8px 32px;
background: url(images/li-icon-block.gif) no-repeat 15px 11px;
}
ul.menu{
	background: none;
	list-style-type: none;}





table.exp{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;margin:10px auto;}
table.exp th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;width:150px;background: #ffffcc;}
table.exp td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;background: #fff;}

table.exp thead th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;background: #ddd;font-weight:bold;text-align:center;}

table.exp td.tdh{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:8px;background: #eee;}



td.pad{padding:10px;}





div.node-body ul.menu {
	padding:0;
	margin:10px 10px 10px 0;
	/*border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
	list-style-type: none;
	background:none;
}
div.node-body ul.menu li
{list-style-image:none;
	background: none;
	list-style-type: none;
	line-height:1.2em;
	padding:12px 0 12px 30px;
background: url(images/li-icon-block2.gif) no-repeat 13px 15px;
	margin:0 0 0 0;
	/*border-bottom:1px solid #ccc;*/
}

div.node-body ul.menu li a
{
	text-decoration:none;
	color:#ff0000;
}
div.node-body ul.menu li a:hover
{
	color:#000;
	text-decoration:underline;
}

div.rright{text-align:right;}
#node-344 form{text-align:center;}
#node-344 form div.webform-component{width:70%;border-right:10px solid #cccccc;border-left:10px solid #cccccc;padding:10px;text-align:left;}
div#campaignpage{background: #fff;}

.tright{text-align:right;}
.tcenter{text-align:center;}