@charset "utf-8";

@import "https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/css/reset.css";

/* CSS Document */

/* last update 2009/2/17  author : K.Saito */


/* index==========================

	1.for index style
	
*/

/* 1.for common style 
===============================================================*/
body{
	color:#333;
	background:#fff;
}
div#wrapper{
	margin:0 auto 0;
	width:100%;
	color:#333;
	font-size:0.8em;
}
.hidden{
	display:none;
}
.tRed{
	color:#DC0003;
	margin-bottom: 15px;
}
/* 2.for header
===============================================================*/
div#header{
	width:100%;
}

/*toolbar*/

#toolbar{
	background:#e6e1e1;
	border-bottom:1px solid #000;
	font-size:0.8em;
	padding:2px 0 0;
}
#barArea{
	margin:0 auto;
	width:948px;
}
#barArea h2,#facebook,#tweet,#tweetArea{
	float:left;
	display:inline;
}
#barArea h2{
	margin:4px 10px 0 0;
}
#tweetArea{
	width:300px;
	border:1px solid #000;
	background:#fff;
	height:14px;
	overflow:hidden;
	margin-top:2px;
}
#tweetArea p{
	float:left;
	display:inline;
	width:16px;
}
#tweetIn{
	float:left;
	display:inline;
	width:280px;
	overflow:hidden;
}
.tickercontainer {
	width:280px;
	padding:0;
	overflow:hidden;
}
.tickercontainer .mask {
	position:relative;
	left:5px;
	top:1px;
	width:280px;
	overflow:hidden;
}
ul.newsticker {
	position:relative;
	left:250px;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.newsticker li {
	white-space: nowrap;
	padding: 0;
	line-height:1.1;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
} 
#credit{
	float:right;
	display:inline;
}


div#headArea{
	margin:0 auto;
	width:948px;
}
div#headLeft{
	float:left;
	display:inline;
}
div#headLeft p{
	float:left;
	display:inline;
	padding-top:20px;
}
div#headLeft h1{
	padding:30px 0 0 50px;
	float:left;
	display:inline;
}
div#headRight{
	float:right;
	display:inline;
	padding-top:25px;
}

/* 3.for globalNavigation
===============================================================*/
ul#navigation{
	margin:20px auto 0;
	width:948px;
}
ul#navigation li{
	float:left;
	display:inline;
}

/* 4.for contents
===============================================================*/
div#container{
	margin:0 auto;
	width:948px;
	padding:0;
}
div#mainVis{
	margin:20px 0 30px;
	z-index:0;
}
div#contents{
	text-align:left;
}
div#main{
	float:left;
	display:inline;
	width:673px;
}
div#main h2{
	margin-bottom:25px;
}
div#main h2 img{
	vertical-align:bottom;
}

/* inquiryArea */
#inquiryArea{
	margin:30px 0 0 3px;
	background:#f1f1f1 url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/bg_inquiry.gif) no-repeat left bottom;
	padding-bottom:5px;
	width:654px;
}
#inquiryArea h2 img{
	vertical-align:bottom;
}
#inquiryArea .inquiryIn{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:652px;
}
#inquiryArea .inquiryIn ul{
	float:left;
	display:inline;
	padding:5px 10px 5px 25px;
}
#inquiryArea .inquiryIn li{
	margin-top:5px;
}
#inquiryArea .inquiryIn p{
	float:left;
	display:inline;
	padding:3px 0 0 30px;
}

.first{
	margin:0!important;
}
.txtLeft{
	text-align:left;
}
.txtCenter{
	text-align:center;
}
.txtRight{
	text-align:right;
}

.making{
	margin:100px 0 200px;
	text-align:center;
	font-size:1.4em;
}

/* パンくず ==== */
p#kuzu{
	margin:20px 0 15px 0;
	font-size:0.8em;
}
p#kuzu .home{
	padding-left:0px;
}
p#kuzu em{
	font-style:normal;
}

/* ページトップへ ==== */
p.pagetop{
	margin-top:25px;
	text-align:right;
	margin-bottom: 25px;
}
p.pagetop img{
	vertical-align:bottom;
}

/* 5.for rightbar
===============================================================*/
div#sideBar{
	float:right;
	display:inline;
	width:257px;
}
div#sideBar img{
	vertical-align:bottom;
}
#sideNav li{
	border-bottom:dotted 1px #ccc;
}
#sideNav li a{
	display:block;
	padding:10px 0 10px 35px;
}
#sideNav li a:link,#sideNav li a:visited{
	color:#333;
	text-decoration:none;
	background:url(../images/arrow.gif) no-repeat 15px center;
}
#sideNav li a:hover,#sideNav li a:active{
	text-decoration:none;
	background:#ebf8ff url(../images/arrow.gif) no-repeat 15px center;
}
#sideNav li.onPage a:link,#sideNav li.onPage a:visited,
#sideNav li.onPage a:hover,#sideNav li.onPage a:active{
	text-decoration:none;
	background:#ebf8ff url(../images/arrow.gif) no-repeat 15px center;
}
#sideBar .sideBox{
	background:url(../images/bg_right_btm.gif) no-repeat bottom;
	padding-bottom:9px;
	margin:10px 0;
}
#sideBar .sideBox ul{
	background:url(../images/bg_right_mdl.gif) repeat-y;
	padding:5px 0 0 10px;
}
#sideBar .sideBox li{
	padding-top:5px;
}


/* 6.for footer
===============================================================*/
div#footer{
	background:#000000 url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/f_bg.gif) repeat-x top;
	padding-bottom:20px;
	color:#9f9c9c;
}
#footer a{
	color:#9f9c9c;
	text-decoration:none;
}
div#footArea{
	margin:0 auto;
	width:948px;
}
div#footLeft{
	float:left;
	display:inline;
	margin-top:30px;
}
div#footLeft dl{
	float:left;
	display:inline;
	width:150px;
	margin-right:20px;
}
div#footLeft dt{
	border-bottom:solid 1px #363636;
	padding:0 0 15px 5px;
	margin-bottom:15px;
}
div#footLeft dd{
	font-size:0.8em;
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/catch_footer.gif) no-repeat 5px 2px;
	padding:0 0 10px 15px;
	border-bottom:solid 1px #363636;
	margin-bottom:10px;
}	
div#footRight{
	float:right;
	display:inline;
	margin-top:30px;
}
div#footRight ul{
	border-bottom:solid 1px #363636;
	width:230px;
	padding-bottom:5px;
	margin-bottom:15px;
}
div#footRight li{
	margin-bottom:5px;
	padding:5px 0 5px 30px;
}
div#footRight li.inquiryIco{
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/ico_inquiry.gif) no-repeat left center;
}
div#footRight li.blogIco{
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/ico_blog.gif) no-repeat left center;
}
div#footRight li.mobileIco{
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/ico_mobile.gif) no-repeat left center;
}
div#footRight li.smartIco{
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/ico_smart.gif) no-repeat left center;
}

div#footRight dt{
	margin-bottom:15px;
}
div#footRight dd{
	float:left;
	display:inline;
	margin-right:10px;
}
div#footer .copy{
	margin:0 auto;
	width:948px;
	padding:50px 0 0;
}
div#footer p img{
	margin-left:20px;
}
.copyL{
	float:left;
	display:inline;
	margin-top:10px;
}
.copyR{
	float:right;
	display:inline;
}


/*ツールチップ*/
.smartQR{
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/bg_smartphone.gif) no-repeat left top;
	font-size:10px;
	line-height:1.3;
	padding-left:18px;
}
.mobileQR{
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/bg_mobile.gif) no-repeat left top;
	font-size:10px;
	padding-left:18px;
	line-height:1.3;
}

.colorB{
	color:#00a0d4 !important;
	font-weight:bold;
}

/* 1.for index style
===============================================================*/
#main{
	width:673px !important;
	margin:0 auto;
	display:block !important;
	float:none !important;
}
div.section{
	margin:0 20px 0 15px;
}
div.section h3 img{
	vertical-align:bottom;
}
div#estTxt p{
	margin-top:15px;
	line-height:1.5;
}
div#estArea{
	margin-top:20px;
}
div#estForm{
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
div#estArea	table{
	margin-bottom:30px;
	width:630px;
	font-size:1em;
	line-height:1.5;
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/dot_gray.gif) repeat-x top left;
}
div#estArea	th{
	padding:8px 0;
	width:120px;
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/dot_gray.gif) repeat-x bottom left;
}
div#estArea	td.abs{
	padding-left:5px;
}
div#estArea	td{
	padding:8px 0;
	background:url(https://sv162.xserver.jp/~guide-navi/scratch-inc.jp/common/images/dot_gray.gif) repeat-x bottom left;
}
div#estArea	td.abs{
	width:34px;
	text-align:right;
}
div.formBox{
	margin-left:15px;
	padding-left:20px;
	border-left:solid 1px #ccc;
}
.checkArea li{
	float:left;
	display:block;
	width:200px;
	margin-right:10px;
}
.nameArea dt{
	float:left;
	width:5em;
}
.nameArea dd{
	margin-left:5em;
}
.enquete{
	margin:0 20px;
	padding:15px;
	border:solid 1px #ccc;
}
.enquete ul{
	margin-left:15px;
}
.enquete li{
	float:left;
	display:block;
	margin:0 10px 5px 0;
	width:160px;
}
textarea{
	padding:3px;
	font-size:12px;
}
.mb15{
	margin-bottom:15px;
}
.w100{
	width:100px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w350{
	width:350px;
}
.w370{
	width:370px;
}
.w410{
	width:410px;
}

.txtPrivacy01{
	line-height:1.5;
}

.privacyArea{
	margin-top:20px;
	overflow:auto;
	height:200px;
	line-height:1.5;
	border:solid 1px #ccc;
}
.privacyArea .txtCenter{
	font-weight:bold;
}
.privacyArea p{
	margin:15px 20px 0;
}
.privacyArea dt{
	margin:15px 20px 0;
	font-weight:bold;
}
.privacyArea dd{
	margin:5px 20px 0;
}
.privacyArea .inquiryname{
	padding-bottom:15px;
	text-align:right;
}

.txtPrivacy02{
	margin-top:20px;
	text-align:center;
}
.btForm{
	margin:20px 0 20px 170px;
	width:289px;
}
.btForm li{
	float:left;
	display:inline;
}
.btForm li.btFirst{
	margin-right:10px;
}

button{
	margin:0;
	padding:0;
	width:118px;
	border:none;
	background:none;
}
.btTop{
	margin-bottom:150px;
	text-align:center;
}

.msg{
	margin-bottom:5px;
	font-weight:bold;
	color:#FF0000;
	display:block;
}
.error th,.error td{
	background-color:#ffecee!important;
}

#cradit{
	width:630px;
	font-size:80%;
	line-height:1.2;
	border: 1px solid #CCC;
}