@charset "utf-8";

/* color="#99cc66" メインカラー */
/* color="#cc3399" アクセントカラー */

/*-------------------------------------------------*/
/* 初期設定をキャンセル */
/*-------------------------------------------------*/
* {
	margin:0;
	padding:0;
}


html {
	height:100%;
	margin-bottom:1px;
	background-color: #D7EAC1;
	background-image:url("../img/base.png");
	background-repeat:repeat-x;
}

body{
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:940px;
}

img {
	border: 0;
	border-style:none;
}

ul{
	list-style-position:inside;
}

li{
	list-style-type:none;
}

a{
	color:#0033cc;
}


/*-------------------------------------------------*/
/* 全ページ共通の基本のレイアウト */
/*-------------------------------------------------*/

.w940:after,
.w700:after,
.w340:after,
.w460:after,
.w220:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}

.w940,
.w700,
.w340,
.w460,
.w220{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.w940{
	width:940px;
}

.w700{
	width:700px;
}

.w460{
	width:460px;
}

.w340{
	width:340px;
}

.w220{
	width:220px;
}

.w700 p,
.w460 p,
.w340 p,
.w220 p{
	padding:10px;
	line-height:1.5em;
}
.w700 p.nomal{
	padding:0;
}


#section{
	float:left;
}
#aside{
	float:right;
}

h2{
	font-size:medium;
	color:#FEFEFE;
	background-color:#99cc66;
	height:23px;
	border-top:solid 1px #E5F2CE;
	border-left:solid 1px #E5F2CE;
	border-bottom:solid 1px #6E8E49;
	border-right:solid 1px #6E8E49;
	padding: 7px 0 0 10px;
}
h2.nomal,
h3.nomal{
	padding: 0;	
	margin:0;
	color:#000000;
	font-weight:900;
	height:100%;
	border:0;
	background:none;
	filter:none;
	-ms-filter:none;
}
h2 img{
	margin: -7px 5px 0 0px;
	vertical-align:middle;
}

h2#pageDetailTitle{
	font-size:x-large;
}

h3{
	font-size:medium;
	padding: 0 0 0 5px;
	margin:0 0 0 10px;
	border-left:solid 5px #99cc66;
}

input{
	padding:5px;
}
input[type="submit"]{
	margin:10px 0 ;
}
input[type="text"]:hover{
	background:#D7EAC1;
}
input[type="text"]:focus{
	background:#FFEEFF;
}

/*-------------------------------------------------*/
/* headerのレイアウト */
/*-------------------------------------------------*/

#header_description{
	float:right;
	width:870px;
	height:50px;
}
#header_logo{
	float:left;
	width:50px;
	height:50px;
}

h1{
	font-size:medium;
}


#navi{
	margin:15px 0 15px 0;
}
#navi ul{
	padding:10px 0 10px 0;
	border-bottom:solid 5px #cc3399;
	border-top:solid 5px #cc3399;
}
#navi ul li{
	display:inline;
	margin:0 10px 0 0;
}
#navi ul li.main a{
	font-size:xx-large;
}

.homeLogo{
	font-size:15px;
	color:#cc3399;
}



#ads{
	margin-bottom:20px;
}
#nav{
	margin-bottom:20px;
}
#article{
	margin-bottom:0;
}
#section,#aside{
	margin-bottom:0;
}


/*-------------------------------------------------*/
/* footerのレイアウト */
/*-------------------------------------------------*/
#footer{
	margin-top:30px;
	padding-bottom:10px;
}

#footer ul:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}

#footer ul{
	text-align:center;
	margin:0 0 5px 0;
}

#footer ul li{
	display:inline;
	margin-right:1em;
	padding-right:1em;
	border-right: solid 1px #000000;
	font-size:small;
}

#footer ul li:last-child{
	border:0;
}

#footer p{
	text-align:center;
	font-size:small;
}


/*=====================================================*/
/* dropshadow */
/*=====================================================*/

#otoiawase,
#index_searchText,
#index_searchMap,
#index_searchName,
#index_faq,
#index_rireki,
/*#searchResult,*/
/*#mapMain,*/
#columnArea,
#tokuteisyoutorihiki,
#nomalBase,
.nomalBase{
	background-color:#FFFFFF;
	/*background-image:url("../img/base_white.png");*/
	-webkit-box-shadow: #4C5E33 0px 0px 4px;
	-moz-box-shadow: #4C5E33 0px 0px 4px;
	box-shadow: #4C5E33 0px 0px 4px;
}



/*****************************************************/
/* index.html */

#plainMenu{
	width:700px;
	border-collapse:collapse;
}
#plainMenu caption{
	color:#AAAAAA;
	font-weight:900;
	font-size:x-large;
	text-align:left;
	border-bottom:solid 2px #AAAAAA;
	padding:5px;
}
#plainMenu th{
	width:100px;
	padding:8px 5px 8px 0;
	font-weight:900;
	line-height:1.5;
	border-bottom:dotted 1px #AAAAAA;
	text-align:right;
}
#plainMenu td{
	padding:8px 0;
	line-height:1.5;
	border-bottom:dotted 1px #AAAAAA;
}
#plainMenu td a{
	padding:5px;
}

#plainMenu td a:hover{
	background:#cc3399;
	color:#FEFEFE;
}
#plainMenu td a:active{
	position:relative;
	top:1px;
}

#plainMenu tr.separateTable th,
#plainMenu tr.separateTable td{
	border-bottom:solid 2px #AAAAAA;
}

#plainMenu tr.even th,
#plainMenu tr.even td{
	background:#C7DAB1;
}


#index_benefit{;}
#index_benefit h2{
	font-size:50px;
	text-align:center;
	font-weight:900;
	margin:30px 0 10px 0;
	text-shadow:0px -1px 1px #333333;
}

#index_benefit h2 span{
	position:relative;
	top:-25px;
	font-size:25px;
}

#index_benefit img:hover{
	position:relative;
	top:-5px;
/*回転（IE不可）*/
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}

#index_benefit div{
	width:250px;
	float:left;
	margin:20px 30px 30px 30px;
}
#index_benefit div:after{
	clear:both;
	height:0;
	content:"";
	display:block;
}
#index_benefit div h3{
	font-size:x-large;
}
#index_benefit div h3 span{
	color:#99cc66;
	text-shadow:0px 1px 1px #333333;
}
#index_benefit .benefitText{
	margin:5px 0 0 27px;
	font-size:small;
	color:#666666;
}
#index_benefit>.benefitText{
	text-align:center;
	margin:0 0 10px 0;
}

#index_benefit a img{
	margin:0 2px 0 0 ;
	text-align:center;
	border:solid 2px #333333;
}

#gotoMapButtonArea{
	text-align:center;
	margin:40px 0 60px 0;
}



#index_faq{
	float:left;
	background-color:#FFFFFF;
	margin-bottom:0px
}

#index_faq ul li{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#index_rireki{
	float:right;
	background-color:#FFFFFF;
	margin-bottom:0px
}

#index_rireki dl dt,
#index_rireki dl dd{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:x-small;
}


/*****************************************************/
/*  mapSearch.tpl */

.searchResultItems{
	float:left;
	width:150px;
	height:200px;
	margin: 0 10px 10px 0;
	padding:5px;
	border:solid 1px #AAAAAA;
	background-color:#FFFFFF;
}
.searchResultItems:hover{
	background-color:#FFCCFF;
}

.noHover:hover{
	background-color:#d7eac1;
}

.searchResultItems:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}

.adsArea{
	background-color:#d7eac1;
	border:0;
}

.adsArea p{
	padding:10px 0 5px 0;
	margin:0;
}



/*****************************************************/
/* map.tpl */
#mapMain{
	/*background-color:#FFFFFF;*/
}

#mapDescription{
	float:left;
	width:150px;
	margin:0 40px 0 0;
}
#mapDescription:after{
	clear:both;
	display:block;
	height:0;
	content:"";
}
#thumbnail{
	border:solid 1px #AAAAAA;
}
#mapDescription ul{
	margin: 5px 0;
}
#mapDescription ul li{
	display:inline;
	font-size:small;
	line-height:1.5;
	margin:0 0.5em 0 0;
}
#mapDescription ul li a{
	padding:3px;
}
#mapDescription ul li a:hover{
	background:#cc3399;
	color:#FEFEFE;
}


#productDlArea dl{
	float:left;
	width: 234px;
	padding:0 16px 0 0;
}


#productDlArea dl dt{
	font-size:24px;
	font-weight:900;
	margin:0 0 10px 0;
}
#productDlArea dl dt span{
	font-size:23px;
	color:#99cc66;
	text-shadow: 0px 1px 1px #333;
}

#productDlArea dl dd{
	line-height:1.8;
	margin:0 0 10px 0;
	color:#666666;
	font-size:small;
}

#productDlArea dl:after{
	content:"";
	height:0;
	display:block;
	clear:both;
}




#mostAds{
	margin: 0 0 20px 0;
}

#mostAds p{
	display:block;
	padding:0 0 0 10px;
	font-weight:900;
	line-height:1.8;
}
#mostAds p:hover{
	background-color:#99cc66;
}



#nurinuri h3,
#sellArea h3,
#downloadArea h3,
#printCenterAds h3{
	font-family:serif;
	font-size:x-large;
	font-weight:900;
	color:#000000;
	padding:0;
	margin:0 0 10px 0;
	border:0;
	text-align:left;
}


#nurinuri,
#sellArea,
#downloadArea,
#printCenterAds{
	float:left;
	width:220px;
	margin:20px 10px 20px 0px;
}

#nurinuri ul,
#sellArea ul,
#downloadArea ul{
	padding:0 ;
	font-size:medium;
}

#nurinuri ul li,
#sellArea ul li,
#downloadArea ul li{
	margin: 0 0 1em 0;
	font-size:small;
	line-height:1.5;
}
#sellArea ul li a{
	font-weight:900;
}

#printCenterAds{
	text-align:center;
}
#printCenterAds p{
	line-height:1.3em;
}

.likeLinkDecoration{
	color:#0000CC;
	text-decoration:underline;
	cursor:pointer;
}



/*****************************************************/
/* download.tpl */
#doDownload a{
	display:block;
	text-align:center;
	width: 160px;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	font-weight:900;
	text-decoration: none;
	color: #FEFEFE;
	background-color: #EE3EBB;
	text-shadow: -1px -1px 1px #666666;
	border-left: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: -moz-linear-gradient(top, #cc3399, #EE3EBB); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cc3399),color-stop(1, #EE3EBB)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3399', endColorstr='#EE3EBB'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3399', endColorstr='#EE3EBB')"; /* IE8 */
}
#doDownload a:hover{
	color: #000000;
	background-color: #FFCCFF;
	text-shadow: -1px -1px 1px #FFFFFF;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-image: -moz-linear-gradient(top, #F1A3E4, #FFCCFF); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F1A3E4),color-stop(1, #FFCCFF)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1A3E4', endColorstr='#FFCCFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1A3E4', endColorstr='#FFCCFF')"; /* IE8 */
}


#downloadButton{
	float:left;
	width:390px;
}

#downloadButton ul li{
	line-height:1.5;
}

#downloadButton ul li:hover{
	background-color:#99cc66;
}

#downloadButton ul li a{
	font-weight:900;
	font-size:small;
}

#downloadSide{
	float:left;
	width:340px;
}

.downloadList li{
	line-height:2;
}

.mapDlTable{
	width:728px;
	border-collapse:collapse;
	margin:20px 0 20px 0;
}
.mapDlTable caption{
	color:#AAAAAA;
	font-weight:900;
	font-size: x-large;
	text-align:left;
}
.mapDlTable tr.gusu{
	background: #C1D1AE;
}

.mapDlTable thead tr th,
.mapDlTable tbody tr td{
	border-bottom:solid 1px #AAAAAA;
	padding:15px 0 15px 5px;
}
.mapDlTable thead tr th{
	border-top:solid 1px #AAAAAA;
	background: #99cc66;
	text-align:left;
}
.mapDlTable tfoot tr td{
	padding:15px 0 15px 5px;
	line-height:1.5;
}

.no{
	width: 58px;
}
.name{
	width: 400px;
}
.type{
	width: 70px;
}
.buttons{
	width: 200px;
}


/*****************************************************/
/* faq */
#faqSearch{
	margin:10px;
}

#faqSearch input[type="text"]{
	width:400px;
	margin:0 0 10px 0;
}
#faqSearch input[type="submit"]{
	width:200px;
}

#faqSubContent{
	font-size:small;
	color:#AAAAAA;
}
#faqSubContent p a.faqTag{
	margin-right:5px;
	padding-right:5px;
	border-right:solid 1px #000000;
}
#faqSubContent p a.faqTag:last-child{
	border:0;
}

/*****************************************************/
/* column */
#columnArea{
	margin-bottom:0px;
	padding-bottom:10px;
	background-color:#FFFFFF;
}

#columnArea ol,
#columnArea ul{
	margin:10px 0 20px 30px;
}

#columnArea ol li,
#columnArea ul li{
	margin:10px 0 3px 0;
	list-style-position:inside;
}
#columnArea ol li{
	list-style-type:decimal;
}
#columnArea ul li{
	list-style-type:disc;
}

/*****************************************************/
/* hou */
#tokuteisyoutorihiki{
	margin-bottom:20px;
	background-color:#FFFFFF;
}
#tokuteisyoutorihiki dl{
	padding:10px;
	line-height:1.5em;
}
#tokuteisyoutorihiki dl dt{
	font-weight:900;
	margin-top:10px;
}
#tokuteisyoutorihiki dl dt:first-child{
	margin-top:0;
}
#tokuteisyoutorihiki dl dd{
	margin-left:1em;
}

#tokuteisyoutorihiki ul{
	padding:10px;
	line-height:1.5em;
}
#tokuteisyoutorihiki ul li{
	list-style-type:disc;
	margin-left:1em;
}


/*****************************************************/
/* ボタン */
.css3Button,
.css3ButtonMini{
font:bold 24px Tahoma, Geneva, sans-serif;
font-style:normal;
color:#ffffff;
background:#cc3399;
border:0px solid #ffffff;
text-shadow:0px -1px 1px #222222;
box-shadow:2px 2px 5px #000000;
-moz-box-shadow:2px 2px 5px #000000;
-webkit-box-shadow:2px 2px 5px #000000;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
width:200px;
padding:20px 20px;
cursor:pointer;
margin:0 auto;
text-decoration:none;
}
.css3ButtonMini{
	font:bold 18px Tahoma, Geneva, sans-serif;
	width:100px;
	padding:5px;
}
.css3Button:hover,
.css3ButtonMini:hover{
box-shadow:0px 0px 8px #000000;
-moz-box-shadow:0px 0px 8px #000000;
-webkit-box-shadow:0px 0px 8px #000000;
cursor:pointer;
}
.css3Button:active,
.css3ButtonMini:active{
cursor:pointer;
box-shadow:-2px -2px 5px #000000;
-moz-box-shadow:-2px -2px 5px #000000;
-webkit-box-shadow:-2px -2px 5px #000000;
}