/* CSS Document */

* { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body { background-color:#f3f3f3;}
#topline {background-color:#70bdb7;}
#site-wrapper { background-color:#ffffff; }
#topline {background-color:#70bdb7; }

#header, #splash, .main, #footer { padding-left:60px; padding-right:60px; }

#top { padding-bottom:0px !important; }
#logo { padding-top:20px; padding-right:20px; margin-right:20px;}
#logo .blankrow { height:140px; }

#slogan {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
}

.label-h3 {
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.main { margin-bottom: 0px;}
.main>div {	padding-bottom:20px;}
.main>div img {	margin-right:10px;}

#footer { background-color: #3a3a3a;  padding-bottom:20px; padding-left:60px; padding-right:60px;}
#footer a { color:#FFFFFF; }
#footer-left img { margin-bottom:10px; }

#sub-nav { }
#sub-nav ul li { float:left; }

#slider { width:480px; } 

#splash .col3 img { width:100%; }
#splash .col3-mid img { width:100%; }


/* Responsive Tablet */
@media (max-width: 800px) {
	.left { float:none; }
	.right { float:none; }
	
	#header, #splash, .main, #footer { padding-left:20px; padding-right:20px; }

	.comment-content-wrapper{ width:100% }

	#site-wrapper { width:100%; }

	.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 100%;}

	#footer { margin-left:0px; margin-right:0px; }
	#footer-left {width: 100%; }
	#footer-right {	width: 100%; }
	* html #footer-left {width: 100%;}
	
	#logo { padding-top:0px; margin-bottom:10px; }
	#logo .blankrow { display:none; }
	#logo img { float:left; padding-right:20px; }
	#logo .logomenu { float: right; }	
	
	#slider { width:100%; }
	#slider ul li img { width:100%; }

	#splash img { width:auto; }

	#slogan img { width:100%; }
	
	#splash .col3 img { width:auto; }
	#splash .col3-mid img { width:auto; }

	.col3 { width:100%; }
	.col3-mid { width:100%; margin-left: 0; }

}

/* Responsive Small */
@media (max-width: 540px) {
}