*{
	padding:0;
	margin: 0;
	border:0;
}

html,body{
	width: 100%;
	margin:0;
	padding:0;
	background-attachment: fixed;
}

body {
	font-family: "���C���I", Meiryo, "Hiragino Kaku Gothic Pro", sans-serif!important;
	margin: 0;
	padding:0;
	color:#000;
	font-size:14px!important;
}


#all{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	display: block;
	padding:0;
	overflow: hidden;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}

.imghover:hover {  
    opacity: 0.6;  
    filter: alpha(opacity=60); 
    -ms-filter: "alpha( opacity=60 );
}   

li a{
    line-height:normal;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.clr {
	clear: both;
	line-height: 0;
	display: block;
	height: -1px;
}

span.red{
color:#ff0000;
font-weight:bold;
}


ul {
	list-style:none;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: none;
}




#header_sp{
	background-color: #fff;
	width:100%;
	height:38px;
	border-bottom:9px #003f86 solid;
}

#header_sp a{
text-decoration: none;
color:#003f86;
}

#header_sp a:hover{
text-decoration: none;
color:#0099FF;
}


.comment{
	width:980px;
	margin:0 auto;

}

.comment ul {
	width:220px;
	padding:8px 0;
	float:right;
	color:#fff;

}
.comment li {
	font-size:12px;
	color:#003f86;
	float:left;
	margin-right:10px;
}



#header{
	width:980px;
	margin:0 auto;
	background: url(../images/header_bg.jpg) no-repeat center top;
	height:100px;
	border-bottom:1px #003f86 solid;
	margin-bottom:10px;
}



#header img.logo{

}

#header img.tel{
	float:right;
}

#header img.mail{
	float:right;
}

h1{
	margin:0 0 0 15px;
	padding:8px 0;
	font-size:12px;
	font-weight:normal;
	float:left;
	color:#000;
}

h2{
	width:650px;
	height:50px;
	font-size:24px;
	margin:0px 0 0 0;
	padding:12px;
	float:left;
	background: url(images/title/title_bg.png) no-repeat;
	color:#003f86;
}

h3{
	float:left;
	margin:10px 0px;
	text-align:center;
	clear:both;
	padding:5px 0;
	color:#fff;
}

h3 img{
width:150px;
}

ul.menu{
	margin:0 0 50px 4px; 
	float:left;

}

ul.menu li{
	margin-right:3px;
	float:left;
	}

ul.menu li a{
	float:left;
}

ul.menu li a::before,
ul.menu li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
ul.menu li a,
ul.menu li a::before,
ul.menu li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
ul.menu li a:hover {
	background-color: #FFFF00;
}
#rightclm{
	float:right;
	width:275px;
	margin:0px 0px 0px 0px;
}


#rightclm img.banner {
	margin:0px 0px 10px 0px;
	float:left;

}

.rightclm_douga{
	margin:0px 4px 15px 0;
	padding:10px;
	width:250px;
	float:right;
	background-color:#efefef;
	color:#000;
	border:1px #003f86 solid;
	
}

.rightclm_douga a{
	color:#000;
}
.rightclm_douga a:hover{
	color:#0099FF;
}

.rightclm_douga p.right_title{
	float:left;
	width:250px;
	margin-bottom:10px;
	background-color:#ccc;
	border: 1px solid #D5D5D6;
}

.rightclm_douga p.right_title span{
	padding:15px;
	background-color:#003f86;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	display: block;
	border:2px #fff solid;
	
}

.rightclm_douga p.link{
	margin:10px 0px 15px 15px;
	font-weight:bold;
	background-color:#fff;
	border:1px #000 solid;
	float:left;
	padding:5px 10px;
}

.rightclm_douga img.yoko{
	margin:0 0 7px 38px;
}


#main{
	width:700px;
	float:left;
	padding:0 0 30px 0;
}

.contents{
	margin:10px;
	float:left;
}

.signage_box{
	width:650px;
	height:235px;
	border:1px solid #ccc;
	margin:0 0 15px 0;

}

.signage_detail{
	width:475px;
	height:190px;
	float:left;
	margin:15px 10px 10px 10px ;
	padding-bottom:15px;
	border:1px solid #ccc;
	background-color: #f9f9f9;

}

.signage_detail dt{
	font-weight:bold;
	border-left:5px solid #003f86;
	padding:0 0 0 10px;
	margin:10px 10px;
}

.signage_detail dd{
	margin:0 10px;
}

.price{
	width:220px;
	line-height: 16px;
	text-align:right;
	float:right;
	font-weight:bold;
	background:url(images/in_pricemark.jpg)  no-repeat;
	border-bottom:2px solid #1D2088;
}

.price span{
	font-size:16px;
	margin:0 5px 0 5px;
}

.network{
	font-size:12px;
	width: 230px;
	float: right;
	line-height: 24px;
	padding-top: 8px;
}

.price2{
	width:220px;
	line-height: 16px;
	text-align:right;
	float:right;
	font-weight:bold;
	background:url(images/out_pricemark.jpg)  no-repeat;
	border-bottom:2px solid #33CCFF;
}

.price2 span{
	font-size:16px;
	margin:0 5px 0 5px;
}

.contents_detail{

	float:left;

}

.contents_detail dt{
	margin:10px 0 10px 5px;
}



.contents_detail dd{
	margin:0 0 20px 20px;
}


.flow_box{
	width:650px;
	height: 125px;
	border: 1px solid #CCC;
	margin: 0px 0px 15px;
	padding: 3px;
}
.flow_box h4{
	float:left;
	width:250px;

}

.flow_detail{
	width:370px;
	float:left;
	margin:5px 10px 10px 10px ;
	padding-bottom:15px;

}

.flow_detail dt{

	font-weight:bold;
	border-left:5px solid #003f86;
	padding:0 0 0 10px;
	margin:5px 10px;
}

.flow_detail dd{
	margin:0 0 0 20px;
}

.signage_box2{
	width:650px;
	height:250px;
	border:1px solid #ccc;
	margin:0 0 15px 0;

}
.signage_box2 img{
	width:300px;
	height:194px;
}
.signage_detail2{
	width:300px;
	height:210px;
	float:right;
	margin:15px 10px 10px 10px ;
	padding:5px;
	border:1px solid #ccc;
	background-color: #f9f9f9;

}

.signage_detail2 dt{
	font-weight:bold;
	border-left:5px solid #003f86;
	padding:0 0 0 10px;
	margin:3px 5px;
}

.detail2_text{
	margin:0 0 10px 0px!important;
	padding:3px 0 0 10px;

}
.signage_detail2 dd{
	font-size:12px;
}
.price3{
	width:220px;
	line-height: 16px;
	text-align:right;
	float:right;
	font-weight:bold;
	background:url(images/out_pricemark3.jpg)  no-repeat;
	border-bottom:2px solid #f8b62c;
}

.price3 span{
	font-size:16px;
	margin:0 5px 0 5px;
}



ul.nayami_detail{
	width:400px;
	margin:10px;
	float:left;
	
}

ul.nayami_detail li{
	margin:10px 0;
	width:400px;
}


dl.company_detail{

float:left;
width:650px;

}


dl.company_detail dt{
margin-left:5px;
float:left;
width:650px;
border:1px solid #003f86;
}

dl.company_detail dt span{
padding:5px 10px;
background-color: #003F86;
color:#fff;
display: block;
border: 2px solid #FFF;
}

dl.company_detail dd{
padding:5px 10px 15px 20px;
float:left;
width:650px;
}

p.privacy{
float:left;
width:600px;
}

.privacy_detail{
float:left;
width:650px;

}

dl.privacy_detail dt{

float:left;
width:650px;
border-left:4px solid #003f86;
padding:5px 10px;
color:#003f86;
font-weight:bold;
margin-left:5px;
}

dl.privacy_detail dd{
padding:5px 10px 15px 20px;
float:left;
width:650px;
}



#sample_box {
	width: 700px;
float:left;
}

#sample_box a:hover {
	width: 100%;
	height: 100%;
	display: block;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#s_img_y {
float:left;
margin:5px;
}

#s_img_x {
float:left;
margin:5px;
}



#footer{
	background-color: #012060;
	width:100%;
	height:150px;

}

#footer p{

	color:#fff;
	font-size:12px;
	text-align:center;

}