@charset "utf-8";

/* 
----------------------------------------------------------------------------- 
HTML ELEMENTS RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;font-size:100%;width:100%;}
img,abbr,acronym,fieldset{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th,td {text-align:left;}
h1,h2,h3,h4,h5,h6,textarea{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
object,embed {vertical-align:top;}
/* 
----------------------------------------------------------------------------- 
BASIC SETTING
-----------------------------------------------------------------------------*/
html {
	overflow-y:scroll;
	background:#ffffff url(../image/background.jpg) repeat-y top center;
	border-bottom: solid 5px #E65C01; }	
body {
	background:url(../image/background_body.jpg) repeat-x top center;
	color: #333;
	font-size:76%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif;
	text-align:center;
	min-height: 768px;
	min-width: 768px;
	}

body,p,li,dt,dd,table {line-height:1.4;}
textarea {overflow:auto;}

h1 {}



/* IE7でpadding指定 */
*:first-child+html body { padding-left: 1px;}

/* IE6以下でpadding指定 */
*html body { padding-left: 1px;}

/* 
----------------------------------------------------------------------------- 
LINK
-----------------------------------------------------------------------------*/

a {color: #666666;}
a:hover { color: #cccccc;}
a:active, a:focus {overflow:hidden;} 

/* 
----------------------------------------------------------------------------- 
ClEARFIX
-----------------------------------------------------------------------------*/

.clearfix:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
	 } 

.clearfix {  
     zoom: 100%;  
} 


/* 
----------------------------------------------------------------------------- 
CONTAINER
-----------------------------------------------------------------------------*/
#container {}


/* 
----------------------------------------------------------------------------- 
HAEDER
-----------------------------------------------------------------------------*/
#header { 
	background:url(../image/background_header.jpg) top center no-repeat;
	width: 780px;
	height:134px;
	min-height: 134px;
	margin:0 auto;
	padding:0;
	text-align: left;
	position: relative;}

#header h1 { 
	width: 247px;
	height: 39px;
	padding: 20px 0 5px 20px;
	float: left;}
	
#header .utility {
	width: 500px;
	float: right;
	text-align: right;}
#header .utility li{ display: inline;}
#header .utility .ask { padding: 10px 20px 10px 0;}
#header .utility .ask li{ padding: 0 0 0 5px;}
#header .utility .utilityMenu { padding: 0 20px 0 0;}
#header .utility .utilityMenu li{ background:url(../image/barBtn.gif) center right no-repeat; padding: 0 5px; display: inline;}
#header .utility li.last{ background: none; padding: 0 0 0 5px;}
	
/* 
----------------------------------------------------------------------------- 
GLOBAL NAVI
-----------------------------------------------------------------------------*/
#globalNav { 
	clear: both;
	width: 760px;
	margin: 0 auto;
	position: absolute;
	top: 73px;
	left: 11px;}
#globalNav ul{ width: 758px;}
#globalNav li{ 
	display:block;
	float: left;
	position:relative;
	z-index:1000;}

#globalNav #snav1{
	width: 180px;
	position: absolute;
	left:0;
	top: 45px;
	visibility: hidden;
	border-top: solid 1px #cccccc;} 
	
#globalNav #snav2{
	width: 180px;
	position: absolute;
	left:0;
	top: 45px;
	visibility: hidden;
	border-top: solid 1px #cccccc;}


#globalNav .subNav li{ 
	display:block;
	float: none;
	text-align: left;}
#globalNav .subNav li a{
	display: block;
	height: 23px;
	padding: 7px 0 0 25px;
	background:#F8F8F5 url(../image/iconAllow.gif) 5px center no-repeat;
	border: solid 1px #cccccc;
	border-top: none;
	color:#FF6600;} 
#globalNav .subNav li a:hover{ 
	background-color:#FEEBD3 ;}
	


	
/*
----------------------------------------------------------------------------- 
Sidebar
-----------------------------------------------------------------------------*/
#sideBar { 
	width: 180px;
	float: right;
	display: inline;
	padding: 0 12px 0 8px;}
#sideBar h3{ margin: 25px auto 10px auto;}
#sideBar h3.first{ margin: 0 auto 10px auto;}
#sideBar li{ line-height: 1;}
#sideBar .mobile{ 
	margin: 0 auto;
	clear: both;}
#sideBar .qr{float: left;}
#sideBar .mobileText{ float: right; }
#sideBar .other{
	clear: both;
	margin: 20px auto;
	padding: 20px 0 0 0;
	background: url(../image/barSidebar.gif) center top no-repeat;}
#sideBar .other li{
	background:url(../image/iconArrowOrange.gif) left center no-repeat;
	padding: 5px 0 5px 15px;
	margin:0;
	text-align: left;}


/* 
----------------------------------------------------------------------------- 
Main
-----------------------------------------------------------------------------*/
#main{ 
	width: 760px; 
	margin: 0 auto;}

.pagetop { 
	width: 740px; 
	text-align: right;
	padding: 30px 0;}
a.top{ 
	width: 60px;
	background:url(../image/iconArrowTop.gif) left center no-repeat;
	padding: 0 0 0 15px;
	margin: 0;}
	
/*  TOP  */
#contentsArea{ 
	width: 527px;
	float: left;
	padding: 0 0 0 13px;}
h3{}
.mainImage{}
.searchArea{ width: 532px; height:76px;padding: 15px 0;}
.searchArea li{ float: left;}
.info{ clear: both; margin: 0 0 25px 0;}

table.infoTable{ 
	margin: 10px 0;
	width: 520px;
	border-collapse:collapse;}
.infoTable th{ 
	width: 50px;
	padding: 3px 10px 3px 0;
	font-weight: bold;
	color: #669900;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;}
.infoTable td{ 
	padding: 3px 0; 
	width: 470px;}
.dokodemo{width: 530px;height: 530px;}



/*  2ndLevel  */
#contentsArea2nd{ 
	width: 740px;
	padding: 0 10px;
	margin: 0 auto;}

#contentsArea2nd h2{
	width: 725px;
	height: 22px;
	background: url(../image/h3.gif) no-repeat;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	font-size: 120%;
	padding: 2px 0 0 15px;}
#contentsArea2nd h3{
	width: 700px;
	padding: 0;
	margin: 30px 0 10px 0;
	background: none;
	border-bottom: solid 1px #FF6600;
	color:#FF6600;
	font-size: 120%;
	font-weight: bold;}
#contentsArea2nd h3.first{ margin:10px 0;}

.topicPath{
	text-align: left;
	color: #999999;
	margin-bottom: 10px;}

.searchFrame{ 
	width: 740px;
	height: 750px;
	margin: 10px 0 0 0;
	overflow-x: hidden;}


#contentsArea2nd .contents{ 
	width: 700px;
	margin: 15px auto 0 auto;} 
#contentsArea2nd .contents p{ padding: 0 0 15px 0;}
#contentsArea2nd .contents .emphasis{font-weight: bold;}


/* useful information's table */
#contentsArea2nd .contents table.contentsTable{ width: 700px; border-collapse:collapse;}
#contentsArea2nd .contents .contentsTable th{padding: 10px;}
#contentsArea2nd .contents .contentsTable td{ padding: 10px;}

#contentsArea2nd .contents table.normalTable{ width: 700px; border-collapse:collapse; margin: 0 auto;}
#contentsArea2nd .contents .normalTable th{ background: #eeeeee;border: solid 1px #cccccc; none; padding: 10px;}
#contentsArea2nd .contents .normalTable td{ border: solid 1px #cccccc; padding: 10px;}
#contentsArea2nd .contents .normalTable .noBorder{ border: none;}

#contentsArea2nd .contents table.normalTableThin{ width: 700px; border-collapse:collapse; margin: 0 auto;}
#contentsArea2nd .contents .normalTableThin th{ background: #eeeeee;border: solid 1px #cccccc; none; padding: 5px;}
#contentsArea2nd .contents .normalTableThin td{ border: solid 1px #cccccc; padding: 5px;}

#contentsArea2nd .contents table.ownerTable{ width: 654px; margin: 20px auto; border-collapse:collapse;}
#contentsArea2nd .contents table.usefulTable{ width: 325px; min-height: 110px !important;height:110px;border-collapse:collapse; padding:0; margin:0;border: solid 1px #cccccc;}
#contentsArea2nd .contents table.usefulTable th{ padding:0; margin:0;vertical-align: top; height: 31px;}
#contentsArea2nd .contents table.usefulTable td{ padding:0; margin:0;vertical-align: top;}
#contentsArea2nd .contents table.usefulTable td.text{ padding:10px; margin:0; line-height: 1.5; vertical-align:top; background-position:top right; background-repeat:no-repeat;}
#contentsArea2nd .contents table.usefulTable2{ width: 662px; margin: 0 auto;}
#contentsArea2nd .contents table.usefulTable2 table td{ padding: 10px;}

/* access and information */
.askArea{
	clear: both;
	width: 480px;
	margin:20px auto;
	padding: 20px 0 40px 0;
	border: solid 0px #cccccc;}
.askArea h4{ 
	padding: 0 0 5px 0;
	color:#FF6600;
	font-weight: bold;
	font-size: 130%;
	border-bottom: solid 1px #cccccc;}
.askArea h4 span{
	font-size: 76%;
	margin-right: 10px;} 
.askArea ul{ 
	float: left;
	padding: 10px 0;
	font-size: 120%;}
.askArea img{ 
	float: right;
	padding: 20px 0;}
	

/* for owner */
.askAreaSmall{
	clear: both;
	width: 300px;
	margin:20px auto;
	padding: 10px 0 ;
	border: solid 1px #cccccc;}
.askAreaSmall h4{ 
	padding: 0;
	margin:0;
	color:#FF6600;
	font-weight: bold;
	font-size: 150%;}
.askAreaSmall h4 span{
	font-size: 76%;
	margin-right: 10px;} 
.askAreaSmall img{ margin: 10px;}
	
	
	

/*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer { 
	width: 740px;
	padding: 40px 10px 20px 10px; 
	clear: both;}
#footer .group { 
	float: left;
	display: inline;
	width: 400px;
	text-align: left;}
#footer .group img{
	margin: 0 10px 0 0;} 
#footer .copyright{ 
	float: right;
	display: inline;
	width: 300px;
	text-align: right;}