/**************************
リセットCSS
**************************/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/**************************
body
**************************/ 
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	-webkit-text-size-adjust: 100%;
	color: #333;
}

img{
	max-width: 100%;
	height: auto;
	width /***/: auto;}

/**************************
全体サイズ
**************************/ 
#headerline{
	text-align: left;
	background-color: #2b735d;
	}
#headerline .wrap{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#container {
	padding: 0px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

/**************************
リンク
**************************/ 
a {
	color: #F60;
	text-decoration: underline;
}
a:visited {
	color: #F60;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}   

/**************************
ヘッダー
**************************/ 
ul{margin-top: 10px;
	margin-bottom: 10px;}
ul,li{list-style:none;}	

li{display:inline;}

li.banner{
	float: right;
}

li img{max-width: 100%;}
/**************************
文字
**************************/ 
h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 22px;
	color: #FFF;
}


h2 {
	background-image: url(img/ttl.png);
	background-repeat: repeat-x;
	height: 35px;
	padding-top: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
	}


strong{
	color: #333;
	background-color: #FFFF58;
}

p{margin-bottom: 10px;}

/**************************
テーブル
**************************/ 

table {
	width: 100%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	vertical-align: middle;
	border-collapse: collapse;
	float: right;
	text-align: center;
}
table td {
	padding: 3px;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
}

table th {
	background-color: #F2F2F4;
	padding: 3px;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	text-align: center;
}

/**************************
比較
**************************/ 
.wrapper {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.wrapper .line{
	float: left;
	width: 290px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}
.wrapper .caption{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.wrapper .bnr{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	float: left;
}

/**************************
フッター
**************************/ 
#footer {
 width: 100%;
 margin:0px auto 0px auto;
 padding:10px 0px 10px 0px;
 text-align:center;
 color:#ffffff;
 background-color:#2D2D2D;
}
/*===============================================
スマホ対応
===============================================*/
@media screen and (max-width:640px){
/**************************
全体サイズ
**************************/ 
#headerline{
	text-align: center;
	}
#headerline .wrap{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
}

#container {
	padding: 0px;
	width: 98%;
	padding-right: 1%;
	padding-left: 1%;
	margin-right: auto;
	margin-left: auto;
}
h2{width: 98%;}
/**************************
比較
**************************/ 
.wrapper {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.wrapper .line{
	float: none;
	width: 290px;
	border: 1px solid #CCC;
	text-align: center;
	margin: auto;
}
.wrapper .caption{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.wrapper .bnr{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	float: left;
}

	}