/* CSS Document */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */
legend{color:#666;}

/* Commons */
html {
	overflow-y: scroll;
}
body {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(../img/wifi/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
* html body { font-size: 91%; } /* IE6 */  
*:first-child+html body { font-size: 91%; } /* IE7 */ 

/* Link Color */
a:link { color: #00f; text-decoration: underline; }
a:visited { color: #00f; text-decoration: underline; }
a:hover { color: #00f; text-decoration: none; }
a:active { color: #00f; text-decoration: none; }

/* Font Size */
.f16 { font-size: 133%; line-height: 1.5em; }
.f14 { font-size: 116%; line-height: 1.5em; }
.f12 { font-size: 100%; line-height: 1.5em; }


/* Layout ==================================================================================== */

#container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: left;
	background: #fff;
}

/* Header ==================================================================================== */

#header {
	border-bottom: 1px solid #333;
	padding: 5px 5px 5px 0;
}

.headLogo {
	float: left;
}
.headSup {
	margin: 25px 0 0 0;
	font-size: 91%;
	float: right;
}
* html .headSup { font-size: 85%; } /* IE6 */  
*:first-child+html .headSup { font-size: 85%; } /* IE7 */ 


/* Nav ==================================================================================== */

#nav {
	margin: 0;
	padding: 0;
}

/* TopicPath */
#topicPath {
	margin: 8px 0;
	float: left;
}
#topicPath ul {
	padding: 0;
}
#topicPath ul li {
	margin: 0;
	padding: 1px 15px 1px 5px;
	font-size: 91%;
	line-height: 1em;
	background: url(../img/hilohattie/bred_arrow.png) right 50% no-repeat;
	float: left;
	display: inline;
}
* html #topicPath ul li { font-size: 85%; } /* IE6 */  
*:first-child+html #topicPath ul li { font-size: 85%; } /* IE7 */ 

#topicPath ul li.topicCurrent {
	color: #333;
	font-weight: bold;
	background: none;
}

/* About */
#about {
	margin: 8px 0;
	float: right;
}
#about ul {
	padding: 0;
}
#about ul li {
	margin: 0;
	padding: 0 5px;
	font-size: 91%;
	line-height: 1em;
	float: left;
	display: inline;
}
* html #about ul li { font-size: 85%; } /* IE6 */  
*:first-child+html #about ul li { font-size: 85%; } /* IE7 */ 


/* Read ==================================================================================== */

#read {
}
#read h2 {
	line-height: 1em;
}
#read h3 {
	padding: 40px 0 20px 0;
}

.readMore {
	min-height: 370px;
	margin: 0 20px 0 420px;
}
.read01 {
	width: 290px;
	color: #fff;
	line-height: 1.8em;
	margin: 0 15px 1em 0;
}


/* Main ==================================================================================== */

#article {
	margin: 0 70px 20px 70px;
	padding: 5px 0 25px 0;
	line-height: 1.5em;
}

#article02 {
	margin: 0 18px 20px 18px;
	padding: 5px 0 25px 0;
	line-height: 1.5em;
}

#article h2 {
    margin: 0 5px 0px 5px;
	font-size: 75%;
}

#article02 h2 {
    margin: 0 5px 0px 5px;
	font-size: 75%;
}

#article h3 {
	margin: 25px 0 .2em 0;
	font-size: 116%;
	font-weight: bold;
}

#article02 h3 {
	margin: 25px 0 .2em 0;
	font-size: 116%;
	font-weight: bold;
}

#article h4 {
	margin: .5em 0 .2em 0;
	font-weight: bold;
}

#article02 h4 {
	margin: .5em 0 .2em 0;
	font-weight: bold;
}

#article h5 {
	color:#FF0000;
	font-size: 85%;
	font-weight: bold;
	text-align:left;
	padding-left:10px;
}

#article02 h5 {
	color:#FF0000;
	font-size: 85%;
	font-weight: bold;
	text-align:left;
	padding-left:10px;
}

#article h6 {
	font-size: 93%;
    margin: 0 5px 0px 5px;
	text-align:left;
	padding-left:10px;
}

#article02 h6 {
	font-size: 93%;
    margin: 0 5px 0px 5px;
	text-align:left;
	padding-left:10px;
}

#article02 h7 {
	font-size: 93%;
	text-align:middle;
	padding-left:10px;
}

#article p.more {
	padding: 0 0 0 .5em;
}

#article02 p.more {
	padding: 0 0 0 .5em;
}

.list1 ul { }
.list1 li {
	margin: .3em 0 0 1.7em;
	list-style: decimal outside;
	line-height: 1.5em;
}
.list2 ul {
	padding: .5em 0 0 0;
}
.list2 li {
	margin: .3em 0 0 0;
	padding: 0 0 0 15px;
	background: url(../img/hilohattie/listmark1.png) 0 0.35em no-repeat;
	line-height: 1.5em;
}

.ta1 .col {
background-color:#F5F5F5;
text-align:left;
padding:5px;
}


/* clearfix ==================================================================================== */

.cf:after,#header:after,#topicPath:after,.readMore:after,#nav:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .cf,#header,#topicPath,.readMore,#nav { zoom: 1; } /* IE6 */  
*:first-child+html .cf,#header,#topicPath,.readMore,#nav { zoom: 1; } /* IE7 */ 


#menuarea {
	width:100%;
	text-align:center;
	margin-bottom:100px;
}
.menu {
	margin:10px auto;
}
.menu li {
	float:left;
	width:280px;
	padding:10px auto;
	margin:0 12px;
	border:5px solid #333333;
	font-weight:bold;
	font-size:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
}

.menu li a {
	display:block;
	text-decoration:none;
}
.menu li a:hover {
	display:block;
	text-decoration:none;
	background:#EEEEEE;
}

.campaign {
	clear:both;
	text-align:center;
	margin:20px auto;
	border:5px solid #333333;
	width:800px;
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.comment {
	clear:both;
	margin:20px auto;
	width:800px;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.areatitle {
	clear:both;
	text-align:center;
	margin:20px auto;
	border:5px solid #ffffff;
	width:800px;
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#campaignarea {
	width:800px;
	margin:0 auto 0px auto;
	color:#F00;
}
#campaignarea td {
	vertical-align:top;
}
.campaignbox {
	border:5px solid #C30;
	padding:10px;
	height:100%;
	text-align:left;
}

#search {
	width:800px;
	margin:0 auto;
}
#searchcopy {
	text-align:center;
	font-weight:bold;
	font-size:18px;
	border-top:3px solid #FF3;
	border-left:3px solid #FF3;
	border-right:3px solid #FF3;
}
.all_area {
	text-align:left;
	width:794px;
	vertical-align:top;
	border-top:3px solid #FFFFCC;
	border-right:3px solid #FFFFCC;
	border-left:3px solid #FFFFCC;
	border-bottom:3px solid #FFFFCC;
}
.btn_orange_s {
	-moz-box-shadow:inset 0px 1px 0px 0px #f0e95b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0e95b;
	box-shadow:inset 0px 1px 0px 0px #f0e95b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0b995), color-stop(1, #f19500) );
	background:-moz-linear-gradient( center top, #f0b995 5%, #f19500 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0b995', endColorstr='#f19500');
	background-color:#f0b995;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #f19500;
	display:inline-block;
	color:#1f3c4a;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	padding:2px 7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #fcb500;
	text-align:center;
	vertical-align:middle;
}.btn_orange_s:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f19500), color-stop(1, #f0b995) );
	background:-moz-linear-gradient( center top, #f19500 5%, #f0b995 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f19500', endColorstr='#f0b995');
	background-color:#f19500;
	text-decoration:none;
}.btn_orange_s:active {
	position:relative;
	top:1px;
}
a.btn_orange_s {
	text-decoration:none;
	color:#1f3c4a;
	margin-bottom:1px;
}

table.rentalchart td {
	text-align:left;
}

.article {
	margin: 0 100px 20px 100px;
	padding: 5px 0 25px 0;
	line-height: 1.5em;
}

.article2 {
	margin: 0 50px 20px 50px;
	padding: 5px 0 25px 0;
	line-height: 1.5em;
}

.question {
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
}
.answer {
	padding-left:20px;
}
.answercopy {
	font-size:18px;
	color:#F00;
	padding-bottom:5px;
}
.qa {
	margin-bottom:20px;
}

.title {
	width:70%;
	float:left;
	font-size:18px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.logo {
	width:30%;
	float:right;
	text-align:right;
}

.reviewstar {
	width:25%;
	float:left;
}
.by {
	width:70%;
	float:left;
}

.review {
	margin-bottom:20px;
	border-bottom:1px dotted #cccccc;
}