@charset "UTF-8";

/* =========================================================================
　service.css　サービスサイト

　 1.common
　 2.layouts
　 3.トップページ（index.html）
　 4.ログインページ（login.html）
　 5.新規登録ページ（signin.html）
　 6.ポータル一覧（portals）
　 7.Inspotとは（about.html）
　 8.Inspotの機能（function.html）
　 9.プラン（plan.html）
　10.お問い合わせ（contact.html）、見積依頼（estimate.html）
　11.パスワード再設定（password.html）
　12.パスワード変更（reset.html）
========================================================================= */

/* -------------------------------------------------------------------------
 1.common
------------------------------------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	color: #333;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #EFEFEB;
	line-height: 1.1;
}
a:link {
	color: #369;
}
a:visited {
	color: #666;
}
a:hover,
a:active,
a:focus {
	color: #C30;
}

.clearfix{clear:both;}

/*NOAH*/
a[target="_blank"] {
    background: url("img/service/blank.gif") no-repeat scroll right center transparent;
    display: inline-block;
	margin-right: 3px;
	padding-right: 20px;
}
#footer_navi a[target="_blank"] {
    background: url("img/service/blank_footer.gif") no-repeat scroll right center transparent;
    display: inline-block;
	margin-right: 3px;
	padding-right: 25px;
}
a.small_window {
	background: url("img/service/blank.gif") no-repeat scroll right center transparent;
	display: inline-block;
	margin-right: 3px;
	padding-right: 20px;
}

img {
	border: 0;
	vertical-align: bottom;
}
form {
	margin: 0;
	padding: 0;
}
input[type='text'],
input[type='password'] {
	padding: 5px;
	background: #FFF;
	border: 1px solid #AAA;
	vertical-align: middle;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #CCC inset;
}
input[type='text']:focus,
input[type='password']:focus {
	background: #E5F1F5;
	box-shadow: none;
}
input[type='radio'] {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
input[type='checkbox'] {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

/* h1
---------------------------------------------------------------------- */
h1 {
	font-size: 200%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* h2
---------------------------------------------------------------------- */
h2 {
	clear: both;
	font-size: 150%;
	font-weight: bold;
	margin: 20px 60px 15px;
	padding: 10px 10px 10px 15px;
	background: #DCDCD9;
	border: 1px solid #CCC;
	border-bottom-color: #BBB;
	line-height: 1.1;
	/zoom: 1;	/* IE6,7用ハック */
}
h2.wide {
	margin-right: 10px;
	margin-left: 10px;
}

/* h3
---------------------------------------------------------------------- */
h3 {
	clear: both;
	font-size: 130%;
	font-weight: bold;
	margin: 20px 70px 15px;
	padding: 6px 10px;
	background: #DCDCD9;
	border-bottom: 1px solid #BBB;
	line-height: 1.1;
	/zoom: 1;	/* IE6,7用ハック */
}

/* h4
---------------------------------------------------------------------- */
h4 {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 80px 15px;
	padding: 1px 0 1px 5px;
	border-left: 5px solid #AAA;
	line-height: 1.1;
}

/* p
---------------------------------------------------------------------- */
p {
	clear: both;
	font-size: 100%;
	margin: 0 80px 15px;
	padding: 0;
	line-height: 1.5;
}
table p {
	margin: 0 0 10px;
}

/* ul
---------------------------------------------------------------------- */
ul {
	font-size: 100%;
	margin: 10px 90px 20px 95px;
	padding: 0;
	line-height: 1.3;
	list-style: none;
}
table ul {
	margin: 0 0 10px;
}
ul li {
	margin: 0;
	padding: 0 0 10px 10px;
	background: url(img/service/li_bg.gif) no-repeat 0 4px;
}

/* ol
---------------------------------------------------------------------- */
ol {
	font-size: 100%;
	margin: 10px 90px 20px 115px;
	padding: 0;
	line-height: 1.3;
}
table ol {
	margin: 0 0 10px 20px;
}
ol li {
	margin: 0 0 10px;
	padding: 0;
}

/* dl
---------------------------------------------------------------------- */
dl {
	margin: 0 20px 15px;
	padding: 0;
}
dt {
	clear: both;
	width: 12em;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 10px 5px;
}
dd {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #CCC;
}

/* table
---------------------------------------------------------------------- */
table {
	clear: both;
	margin: 0 80px 20px;
	padding: 0;
	border-collapse: collapse;
	border: 2px solid #CCC;
	border-spacing: 0;
	empty-cells: show;
}
table.table {
	margin: 0;
	border: none;
}
caption {
	font-size: 110%;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
th {
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
	background: #E3E3DF;
	border: 2px solid #CCC;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
}
td {
	font-size: 100%;
	padding: 10px;
	border: 2px solid #CCC;
	text-align: left;
	vertical-align: middle;
	line-height: 1.3;
}
table.table td {
	padding: 10px 5px;
	border: none;
}

/* hr
---------------------------------------------------------------------- */
hr {
	height: 0;
	margin: 15px 60px;
	padding: 0 0 5px;
	border: none;
	border-bottom: 1px dotted #AAA;
}

/* button
---------------------------------------------------------------------- */
.submit {
	display: inline;
}

/* a */
a.button{
	display: inline-block;
	color: #000;
	margin: 10px 7px;
	padding: 6px 16px;
	background: #E5E5E5 url(img/button_bg.png) repeat-x;
	border: 1px solid #999;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);
}
a.simulate_button {
	display: inline-block;
	color: #000;
	margin: 10px 7px;
/*	padding: 6px 16px;	NOAH*/
	padding: 10px 16px 10px 52px;
/*	background: #E5E5E5 url(img/button_bg.png) repeat-x;	NOAH*/
	background: #E5E5E5 url(img/button_icon_bg.png) repeat-x 0 -800px;
/*	border: 1px solid #999;	NOAH*/
	border: 2px solid #CC3300;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 20px;
/*	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);	NOAH*/
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2) inset, 1px 1px 2px rgba(0, 0, 0, 0.6);
	font-weight: bold;
}
a.simulate_button {
	margin: 0;
}
a.simulate_button_off {
	cursor: default;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
a.button:hover {
	background: #FFF;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
a.simulate_button:hover {
/*	background: #FFF;	NOAH*/
	background-position: 0 -900px;
/*	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);	NOAH*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
a.simulate_button_off:hover {
	background: #E5E5E5 url(img/button_bg.png) repeat-x;
	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* input */
.submit input {
	display: inline-block;
	color: #000;
	font-size: 110%;
	margin: 5px;
	padding: 4px 12px;
	background: #E5E5E5 url(img/button_bg.png) repeat-x;
	border: 1px solid #999;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.submit input:hover {
	background: #FFF;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.login_button .submit input,
.signin_agree .submit input {
	padding: 8px 16px 8px 52px;
	/padding: 8px 5px 8px 35px;	/* IE6,7用ハック */
	background-color: #F4F4F4;
	background-image: url(img/button_icon_bg.png);
	background-repeat: no-repeat;
}
.login_button .submit input {
	margin: 25px 5px 5px;
}
.signin_agree .submit input {
	margin: 15px 5px 5px;
}
.login_button .submit input {
	background-position: 0 0;
}
.signin_agree .submit input {
	background-position: 0 -200px;
}
.login_button .submit input:hover {
	background-position: 0 -100px;
}
.signin_agree .submit input:hover {
	background-position: 0 -300px;
}
.login_button .submit input.button_off,
.signin_agree .submit input.button_off {
	cursor: default;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

/* Twitterボタン・Facebookボタン */
a.twitter_button,
a.facebook_button {
	display: inline-block;
	color: #000;
	font-size: 110%;
	margin: 10px;
	background-color: #F4F4F4;
	background-image: url(img/button_social_bg.png);
	background-repeat: no-repeat;
	border: 1px solid #BBB;
	text-decoration: none;
	border-radius: 4px;
}
a.twitter_button {
	padding: 10px 25px 10px 54px;
	background-position: 0 0;
}
a.facebook_button {
	padding: 10px 15px 10px 45px;
	background-position: 0 -240px;
}
a.twitter_button:hover {
	background-position: 0 -120px;
}
a.facebook_button:hover {
	background-position: 0 -360px;
}

/* twobox,threebox */
ul.twobox,
ul.threebox {
	margin: 0 0 0 30px;
	overflow: hidden;
}
ul.twobox li,
ul.threebox li {
	float: left;
	width: 288px;
	margin: 20px 30px 10px 0;
	padding: 0 0 5px;
	background: #F9F9F7;
	border: 3px solid #BBB;
	border-radius: 20px;
}
ul.twobox li {
	width: 450px;
}
ul.twobox li:hover,
ul.threebox li:hover {
	background: #FFF;
	border: 3px solid #999;
}
ul.twobox h2,
ul.threebox h2,
ul.twobox h3,
ul.threebox h3 {
	margin: 0 0 15px;
	padding: 18px 5px 15px 30px;
	background: none;
	border: none;
	border-bottom: 2px dotted #BBB;
}
ul.twobox p,
ul.threebox p {
	margin: 0 15px 10px 20px;
}
ul.twobox p span,
ul.threebox p span {
	color: #C00;
	font-weight: bold;
}

/* morelink */
p.morelink,
ul.morelink {
	clear: both;
	float: right;
	font-size: 130%;
	margin: 0;
	padding: 20px 50px 30px;
	line-height: 1.1;
}
ul.morelink li {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
}
.morelink a {
	display: block;
	color: #FFF;
	padding: 13px 50px 13px 30px;
	background: #D3592F url(img/service/morelink_a_bg.gif) no-repeat right top;
	border: 2px solid #A24618;
	text-decoration: none;
	border-radius: 4px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.morelink a:visited {
	color: #FFF;
	text-decoration: none;
}
.morelink a:hover,
.morelink a:focus {
	color: #FFF;
	background-color: #369;
	background-position: right -100px;
	border-color: #224568;
	text-decoration: none;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

/* admins.jsのメッセージバーを打消し
---------------------------------------------------------------------- */
div#msg_win {
	display: none;
}
div#msg_win span {
	display: none;
}

/* メッセージ（cakephpネイティブ）
---------------------------------------------------------------------- */
div.message div.message {
	color: #AD2F00;
	font-size: 120%;
	font-weight: bold;
	margin: 25px 0 0;
	padding: 15px 10px;
	background: #C8D6D7;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #BBB;
	text-align: center;
	line-height: 1.2;
}
div.message a {
	color: #000;
}

/* フォームmessage（cakephpネイティブ）
---------------------------------------------------------------------- */
div.error-message {
	display: inline;
	color: #AD2F00;
	font-weight: bold;
	margin: 0 0 0 10px;
}

/* blind
---------------------------------------------------------------------- */
div#blind {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
	z-index: 100;
	opacity: 0.7;
	filter: alpha(opacity=70);
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

/* -------------------------------------------------------------------------
 2.レイアウト
------------------------------------------------------------------------- */

/* header
---------------------------------------------------------------------- */
#header {
	width: 1002px;
	margin: 0 auto;
	padding: 15px 0 5px;
	text-align: center;
}

/* globalnavi、header_navi */
ul#globalnavi {
	float: left;
	margin: 0 0 10px;
/*	padding: 0 15px 0 20px;	NOAH*/
	padding: 0 15px 0 5px;
}
ul#header_navi {
	float: right;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
}
ul#globalnavi li,
ul#header_navi li {
	float: left;
/*	margin: 0 10px 0 0;	NOAH*/
	margin: 0 3px 0 0;	/*NOAH*/
	padding: 0;
	background: none;
}
ul#globalnavi a,
ul#header_navi a {
	display: block;
	color: #333;
	padding: 7px 11px;
	background: #DDD;
	border: 2px solid #BBB;
	text-decoration: none;
	border-radius: 4px;
}
ul#globalnavi a {
	background: #E4E4E3;
	border-color: #D0D0CE;
	width: 90px;/*NOAH*/
}
ul#globalnavi a:visited,
ul#header_navi a:visited {
	color: #333;
	text-decoration: none;
}
ul#globalnavi a.on,
ul#globalnavi a.on:visited,
ul#globalnavi a:hover,
ul#globalnavi a:focus,
ul#header_navi a.on,
ul#header_navi a.on:visited,
ul#header_navi a:hover,
ul#header_navi a:focus {
	color: #FFF;
	background: #369;
	border-color: #224568;
	text-decoration: none;
}
ul#globalnavi a.on,
ul#header_navi a.on {
	cursor: default;
}

/*NOAH*/
ul#globalnavi a.header_menu_admins_index {
	background-position: 0 -131px;
	background-image: url("img/header_menu_bg.png");
	background-repeat: no-repeat;
	color: #333333;
	display: block;
	padding: 8px 5px 8px 0;
	text-decoration: none;
	border: none;
	width: 22px;
	height: 18px;
	background-color: transparent;
}


/* header_title */
#header_title_top {
	clear: both;
	width: 1002px;
	padding: 0 0 15px;
}
#header_title {
	clear: both;
	width: 1002px;
	padding: 29px 0 0;
	background: url(img/service/header_title_bg.gif) repeat-x 0 5px;
}
#header_title_top h1,
#header_title_top p,
#header_title h1,
#header_title p {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	/display: inline;	/* IE6,7用ハック */
	/zoom: 1;	/* IE6,7用ハック */
}
#header_title_top p#header_catchcopy,
#header_title h1 {
	margin-top: 13px;
}

/* contents
---------------------------------------------------------------------- */
#contents {
	width: 1002px;
	margin: 0 auto;
	padding: 0 0 50px;
	overflow: hidden;
}

/* footer
---------------------------------------------------------------------- */
#footer {
	width: 1002px;
	margin: 0 auto;
	padding: 20px 0 30px;
	border-top: 1px solid #CCC;
	overflow: hidden;
}
ul#footer_navi {
	margin: 0;
/*	text-align: center; */
	width:500px;
	float:left;
}
ul#footer_navi li {
	display: inline-block;
	padding: 0;
	background: none;
	/display: inline;	/* IE6,7用ハック */
	/zoom: 1;	/* IE6,7用ハック */
}
ul#footer_navi a {
	display: block;
	color: #333;
	margin: 0 0 3px;
/*	padding: 1px 10px;	NOAH*/
	padding: 1px 10px 1px 5px;
	border-right: 1px solid #999;
	text-decoration: none;
}
ul#footer_navi li#footer_navi_last a {
	border-right: none;
}
ul#footer_navi a:visited {
	color: #666;
	text-decoration: none;
}
ul#footer_navi a:hover,
ul#footer_navi a:active,
ul#footer_navi a:focus {
	color: #C30;
	text-decoration: underline;
}
/* ソーシャルボタン用 */
div#footer-button {	
	float:right;
}
div#footer-button p {
	display: inline-block;
    margin: 0;
	/display: inline;	/* IE6,7用ハック */
	/zoom: 1;	/* IE6,7用ハック */
}
div#footer-button p#footer-button-google {
	margin-right: -25px;
}

div#footer-button iframe.twitter-share-button {
    width: 87px!important;
}

/* -------------------------------------------------------------------------
 3.トップページ（index.html）
------------------------------------------------------------------------- */

/* keywordform
---------------------------------------------------------------------- */
#keywordform {
	margin: 0 0 30px;
	background: #C8D6D7 url(img/service/keywordform_bg.gif);
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
	text-align: center;
}
#keywordform form#form {
	width: 1002px;
	margin: 0 auto;
	padding: 25px 0;
}
#keywordform form#form img {
	display: inline-block;
	margin: 0 10px 0 0;
	/vertical-align: baseline;	/* IE6,7用ハック */
}
input.simulate_q {
	width: 350px;
	font-size: 150%;
	margin: 0 10px 0 0;
	padding: 8px;
	vertical-align: baseline;
}
input.simulate_button {
	display: inline-block;
	color: #000;
	font-size: 120%;
	margin: 0 20px 0 0;
	padding: 8px 20px;
	/padding: 8px 5px;	/* IE6,7用ハック */
	background: #E5E5E5 url(img/button_bg.png) repeat-x;
	border: 1px solid #999;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);
}
input.simulate_button:hover {
	background: #FFF;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
input.simulate_button_off {
	cursor: default;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
input.simulate_button_off:hover {
	background: #E5E5E5 url(img/button_bg.png) repeat-x;
	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);
}
a.simulate_more_on,
a.simulate_more_off {
	display: inline-block;
	color: #333;
	margin: 8px 0 0;
	padding: 5px 7px 5px 23px;
	background-image: url(img/service/simulate_more_bg.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	vertical-align: top;
}
a.simulate_more_on {
	background-position: 7px -91px;
}
a.simulate_more_off {
	background-position: 7px 9px;
}
.simulate_detail {
	margin: 15px 0 -10px;
	padding: 15px 0 0;
	border-top: 1px solid #FFF;
}
#keywordform table.table {
	margin: 0 auto;
}
#keywordform table.table td {
	padding: 10px 10px 20px;
}
#keywordform table.table tr.simulate_plus td.simulate_plus_and {
	padding: 10px;
}
#keywordform table.table tr.simulate_minus td {
	padding: 20px 10px 10px;
	border-top: 1px solid #FFF;
}
#keywordform table.table input[type='text'] {
	margin: 0 30px 0 0;
}
#keywordform table.table td span {
	min-height: 19px;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0 30px;
	padding: 2px 10px 2px 28px;
	background-image: url(img/service/keywordform_span_bg.gif);
	background-repeat: no-repeat;
}
#keywordform table.table tr.simulate_plus td span {
	background-position: 0 3px;
}
#keywordform table.table tr.simulate_minus td span {
	background-position: 0 -107px;
}

/* catch
---------------------------------------------------------------------- */
p#catch {
	margin: 0;
}

/* simulate_frame
---------------------------------------------------------------------- */
.button_container {
	margin: 0 10px;
	text-align: right;
}
iframe.simulate_frame {
	display: block;
	width: 1000px;
	height: 452px;
	margin: 10px 0;
	padding: 0;
	border: 1px solid #CCC;
	overflow: auto;
}
#simulate_save_win {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 110%;
	padding: 40px 40px 30px;
	background: #EFEFEB;
	border: 6px solid #A8D1DD;
	text-align: center;
	border-radius: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}
#simulate_save_win a.button {
	margin: 20px 10px;
}

/* top_bottomnavi
---------------------------------------------------------------------- */
ul#top_bottomnavi {
	font-size: 130%;
	margin: 0;
	padding: 30px 0 0;
	text-align: center;
}
ul#top_bottomnavi li {
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	background: none;
	/display: inline;	/* IE6,7用ハック */
	/zoom: 1;	/* IE6,7用ハック */
}
ul#top_bottomnavi a {
	width: 275px;
	display: block;
	color: #333;
	padding: 10px 15px;
	background: #DDD;
	border: 2px solid #BBB;
	text-decoration: none;
	border-radius: 4px;
}
ul#top_bottomnavi a:visited {
	color: #333;
	text-decoration: none;
}
ul#top_bottomnavi a:hover,
ul#top_bottomnavi a:focus {
	color: #FFF;
	background: #369;
	border-color: #224568;
	text-decoration: none;
}

/* -------------------------------------------------------------------------
 4.ログインページ（login.html）
------------------------------------------------------------------------- */
#login_body {
	margin: 15px 30px 15px;
	background: #EAEAE6;
	border: 1px solid #CCC;
	border-radius: 15px;
}

/* login_inspot
---------------------------------------------------------------------- */
.login_inspot {
	float: left;
	width: 500px;
	padding: 40px 0 40px 80px;
}
.login_inspot table.table td input[type='text'],
.login_inspot table.table td input[type='password'] {
	width: 280px;
}

/* login_api
---------------------------------------------------------------------- */
.login_api {
	float: right;
	width: 350px;
	padding: 30px 0;
}

/* login_button
---------------------------------------------------------------------- */
.login_button {
	clear: both;
	padding: 0 0 25px;
	border-top: 1px solid #CCC;
	text-align: center;
}

/* -------------------------------------------------------------------------
 5.新規登録ページ（signin.html）
------------------------------------------------------------------------- */
#signin_body {
	margin: 15px 30px 15px;
	background: #EAEAE6;
	border: 1px solid #CCC;
	border-radius: 15px;
}

/* signin_inspot
---------------------------------------------------------------------- */
.signin_inspot {
	float: left;
	width: 500px;
	padding: 30px 0 30px 70px;
}
.signin_inspot input {
	width: 280px;
}
.signin_inspot input.admin_id {
	width: 158px;
}

/* signin_api
---------------------------------------------------------------------- */
.signin_api {
	float: right;
	width: 350px;
	padding: 40px 0 30px;
}
.signin_api_icon{
	padding: 0 0 15px 70px;
}

/* signin_agree
---------------------------------------------------------------------- */
.signin_agree {
	clear: both;
	width: 938px;
	padding: 25px 0;
	border-top: 1px solid #CCC;
	text-align: center;
}
.signin_agree a {
	color: #333;
}
.signin_agree a.button {
	margin: 18px 7px 0;
	vertical-align: top;
}

/* -------------------------------------------------------------------------
 6.ポータル一覧（portals）
------------------------------------------------------------------------- */

/* タブ（カテゴリーから探す・地域から探す）
---------------------------------------------------------------------- */
ul.portals_tab_search {
	width: 972px;
	margin: 15px 0 15px;
	padding: 0 15px;
	border-bottom: 3px solid #369;
	overflow: hidden;
}
ul.portals_tab_search li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
}
ul.portals_tab_search a {
	display: block;
	color: #000;
	font-size: 110%;
	padding: 8px 15px;
	background: #DDD;
	border: 1px solid #BBB;
	border-bottom: none;
	text-decoration: none;
	border-radius: 4px 4px 0 0;
}
ul.portals_tab_search a:visited {
	color: #000;
	text-decoration: none;
}
ul.portals_tab_search li a.on,
ul.portals_tab_search li a.on:visited,
ul.portals_tab_search a:hover,
ul.portals_tab_search a:focus {
	color: #FFF;
	background: #369;
	border-color: #224568;
	text-decoration: none;
}
ul.portals_tab_search li a.on {
	cursor: default;
}

/* タブ（更新順・新着順）
---------------------------------------------------------------------- */
ul.portals_tab_sort {
	margin: 0 0 25px;
	padding: 0 10px 15px;
	border-bottom: 2px solid #CCC;
	text-align: right;
}
ul.portals_tab_sort li {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
	/display: inline;	/* IE6,7用ハック */
	/zoom: 1;	/* IE6,7用ハック */
}
ul.portals_tab_sort a {
	display: block;
	color: #000;
	padding: 6px 15px;
	background: #DDD;
	border: 1px solid #BBB;
	text-decoration: none;
	border-radius: 2px;
}
ul.portals_tab_sort a:visited {
	color: #000;
	text-decoration: none;
}
ul.portals_tab_sort li a.on,
ul.portals_tab_sort li a.on:visited,
ul.portals_tab_sort a:hover,
ul.portals_tab_sort a:focus {
	color: #FFF;
	background: #369;
	border-color: #224568;
	text-decoration: none;
}
ul.portals_tab_sort li a.on {
	cursor: default;
}

/* カテゴリー一覧
---------------------------------------------------------------------- */
.portals_cate {
	float: left;
	width: 304px;
	padding: 20px 0 10px 22px;
}
.portals_cate h2 {
	font-size: 130%;
	margin: 0 5px 15px;
	padding: 0 5px 7px 10px;
	background: none;
	border: none;
	border-bottom: 2px dotted #ccc;
}
.portals_cate ul {
	margin: 0 15px;
}
.portals_cate li {
	padding: 0 0 5px 10px;
}

/* カテゴリー別ポータル一覧
---------------------------------------------------------------------- */
h2.portals_detail {
	margin: 10px 10px 15px;
}
ol.portals_detail {
	margin: 0 10px;
	list-style: none;
	line-height: 1.1;
}
ol.portals_detail li {
	width: 956px;
	margin: 0;
	padding: 13px 13px 0;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
ol.portals_detail li:hover {
	background: #E3E7E5;
}

/* 一覧表示用
---------------------------------------------------------------------- */
.portals_title {
	display: block;
	font-size: 120%;
}
.portals_desc {
	padding: 10px 0 13px;
	line-height: 1.5;
}
.portals_desc img {
	float: right;
	margin: 0 0 13px 15px;
}
.portals_date {
	color: #757575;
	padding: 5px 0 0;
}
.portals_date span {
	display: inline-block;
	margin: 0 10px 0 0;
}

/* 地図
---------------------------------------------------------------------- */
.portals_map_container {
	margin: 10px 10px 0;
}
.portals_map_left {
	clear: both;
	float: left;
	width: 460px;
}
span#portals_map_msg {
	display: block;
	color: #AD2F00;
	margin: 5px 0 0;
}
#portals_map_list {
	height: 610px;
	overflow: auto;
}
#portals_map_list ol {
	margin: 0 15px 0 0;
	list-style: none;
	line-height: 1.1;
}
#portals_map_list li {
	width: 402px;
	margin: 0;
	padding: 13px 13px 0;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
#portals_map_list li:hover {
	background: #E3E7E5;
}
.portals_map_right {
	float: right;
	width: 500px;
}
#portals_map {
	width: 500px;
	height: 570px;
}
.portals_map_search {
	margin: 0 0 15px;
	text-align: center;
}
.portals_map_search input {
	width: 300px;
}
.portals_map_search button {
	display: inline-block;
	color: #000;
	margin: 0 0 0 7px;
	padding: 3px 12px;
	background: #E5E5E5 url(img/button_bg.png) repeat-x;
	border: 1px solid #999;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: -1px -1px 1px #FFF inset, 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.portals_map_search button:hover {
	background: #FFF;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

/* パージネーション
---------------------------------------------------------------------- */
.pagination {
	text-align: center;
	margin: 25px 10px 0;
}
#portals_map_list .pagination {
	margin-top: 20px;
}
.pagination span {
	display: inline-block;
	margin: 0 5px;
}
.pagination span.prev,
.pagination span.next {
	color: #999;
	border: 2px solid #DDD;
}
.pagination a.prev,
.pagination a.next {
	display: inline-block;
	color: #333;
	background: #DDD;
	border: 2px solid #BBB;
	text-decoration: none;
}
.pagination span.prev,
.pagination a.prev {
	padding: 5px 12px 5px 16px;
	border-radius: 15px 2px 2px 15px;
}
.pagination span.next,
.pagination a.next {
	padding: 5px 16px 5px 12px;
	border-radius: 2px 15px 15px 2px;
}
.pagination a.prev:visited,
.pagination a.next:visited {
	color: #333;
	text-decoration: none;
}
.pagination a.prev:hover,
.pagination a.next:hover {
	color: #FFF;
	background: #369;
	border-color: #224568;
	text-decoration: none;
}

/* -------------------------------------------------------------------------
 7.Inspotとは（about.html）
------------------------------------------------------------------------- */
ul#about_step {
	font-size: 120%;
	margin: 0 0 0 10px;
}
ul#about_step li {
	float: left;
	width: 353px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(img/service/about_step_li_bg.gif) no-repeat right 13px;
}
ul#about_step li#about_step_last {
	width: 276px;
	background: none;
}
ul#about_step h3 {
	margin: 0 77px 15px 10px;
	padding: 18px 0 27px 5px;
	background: url(img/service/about_step_h3_bg.gif) repeat-x left bottom;
	border: none;
	text-align: center;
}
ul#about_step li#about_step_last h3{
	margin-right: 10px;
	padding: 0 0 10px 5px;
}
ul#about_step p {
	margin: 0 82px 10px 15px;
}
ul#about_step li#about_step_last p {
	margin-right: 15px;
}

/* 画像と回り込みテキスト用ボックス */
ul.twobox li div.floatbox-right{
	width:100%;
	text-align:left;
}
ul.twobox li img.img-floatright{
	float:right;
	margin-right:15px;
}
ul.twobox li div.floatright-content{
	width:275px;
	float:left;
}
ul.twobox li div.floatright-content p{
	margin:0 5px 10px 20px;
}



/* -------------------------------------------------------------------------
 8.Inspotの機能（function.html）
------------------------------------------------------------------------- */
ul.threebox h2.function_cur,
ul.threebox h2.function_page,
ul.threebox h2.function_photo,
ul.threebox h2.function_spot,
ul.threebox h2.function_design,
ul.threebox h2.function_ad,
ul.threebox h2.function_analytics,
ul.threebox h2.function_notification,
ul.threebox h2.function_member {
	padding-left: 60px;
	background-image: url(img/service/function_h2_bg.gif);
	background-repeat: no-repeat;
}
ul.threebox h2.function_cur {
	background-position: 16px 11px;
}
ul.threebox h2.function_page {
	background-position: 16px -159px;
}
ul.threebox h2.function_photo {
	background-position: 16px -329px;
}
ul.threebox h2.function_spot {
	background-position: 16px -499px;
}
ul.threebox h2.function_design {
	background-position: 16px -669px;
}
ul.threebox h2.function_ad {
	background-position: 16px -839px;
}
ul.threebox h2.function_analytics {
	background-position: 16px -100px;
}
ul.threebox h2.function_notification{
	background-position: 16px -1345px;
}
ul.threebox h2.function_member {
	background-position: 16px -1180px;
}


ul.threebox li img{
	display:block;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}





/* -------------------------------------------------------------------------
 9.プラン（plan.html）
------------------------------------------------------------------------- */
.plan_table {
	width: 926px;
	margin: 15px auto 10px;
	border: 8px solid #BBB;
	border-radius: 8px;
}
.plan_table table {
	width: 926px;
	margin: 0;
	border: 1px solid #BBB;
	table-layout: fixed;
}
#contents .plan_table .hover {
	background: #FFF;
}
.plan_table tr.bgcolor th,
.plan_table tr.bgcolor td {
	background: #E3E7E5;
}
.plan_table th {
	font-size: 100%;
	padding: 12px 5px 12px 12px;
	background: none;
	border: 1px solid #BBB;
	text-align: left;
}
.plan_table tr.plan_table_head th {
	font-size: 160%;
	padding: 22px 5px;
	background: #E3E3DF;
	text-align: center;
}
tr.plan_table_explain th {
	font-size: 120%;
	padding: 5px;
	background: #F9F9F7;
	text-align: center;
}
tr.plan_table_noline th {
	border-bottom-color: #EFEFEB;
}
tr.plan_table_sub th {
	font-weight: normal;
	padding: 5px 5px 5px 20px;
}
.plan_table td {
	padding: 12px 5px;
	text-align: center;
	border: 1px solid #BBB;
}
tr.plan_table_explain td {
	padding: 15px 10px 5px 15px;
	background: #F9F9F7;
	text-align: left;
	vertical-align: top;
}
tr.plan_table_noline td {
	border-bottom-color: #EFEFEB;
}
tr.plan_table_sub td {
	padding: 5px;
}
tr.plan_table_explain ul {
	color: #AD2F00;
	font-size: 130%;
	font-weight: bold;
	margin-left: -5px;
	line-height: 1.2;
}
tr.plan_table_explain li {
	padding: 0 0 10px 18px;
	background: url(img/service/plan_table_explain_li_bg.gif) no-repeat 0 4px;
}
ul.planbox h2 {
	font-size: 140%;
	padding: 15px 5px 11px 25px;
}
ul.planbox h3 {
	font-size: 120%;
	margin: 0 15px 10px;
	padding: 10px 5px 8px 8px;
}

/* -------------------------------------------------------------------------
 10.お問い合わせ（contact.html）、見積依頼（estimate.html）
------------------------------------------------------------------------- */
p.form_required {
	margin: 0 100px;
	padding: 0 0 7px;
	text-align: right;
}
span.redmark {
	color: #B00000;
	font-weight: bold;
}
form#contactform {
	width: 820px;
	margin: 0 auto 15px;
	background: #F9F9F7;
	border: 8px solid #BBB;
	overflow: hidden;
	border-radius: 8px;
}
form#contactform table {
	width: 820px;
	margin: 0;
	border: none;
}
form#contactform caption {
	font-size: 150%;
	padding: 15px 0;
	background: #C8D6D7 url(img/service/keywordform_bg.gif);
	border-top: 1px solid #BBB;
	border-bottom: 2px solid #BBB;
}
form#contactform tr.bgcolor th,
form#contactform tr.bgcolor td {
	background: #EAECEA;
}
form#contactform tr th.focus,
form#contactform tr td.focus {
	background: #D6DEDD;
}
form#contactform tr th.focus {
	color: #000;
	font-weight: bold;
}
form#contactform th {
	width: 180px;
	font-weight: normal;
	padding: 10px 0 10px 40px;
	background: none;
	border: none;
	text-align: left;
}
form#contactform td {
	background: none;
	border: none;
}
form#contactform td ul {
	margin: 0;
	line-height: 1.2;
}
form#contactform td li {
	width: 290px;
	float: left;
	padding: 4px 0;
	background: none;
}
form#contactform td li.contactform_li_wide {
	width: 580px;
}
form#contactform table input {
	float: left;
	color: #000;
	font-size: 110%;
	margin: 0 10px 0 0;
	background: #FFF;
}
form#contactform table li input {
	float: none;
	margin-right: 3px;
	background: none;
}
form#contactform input.subtext {
	font-size: 100%;
	margin: 0 0 0 8px;
	padding: 2px;
	background: #FFF;
}
form#contactform textarea {
	color: #000;
	font-size: 110%;
	padding: 3px 5px;
	background: #FFF;
	border: 1px solid #AAA;
	overflow: auto;
}
form#contactform select {
	font-size: 110%;
	background: #FFF;
}
form#contactform .wide {
	width: 455px;
}
form#contactform .narrow {
	width: 200px;
}
form#contactform option {
	background: #FFF;
}
form#contactform optgroup {
	color: #000;
	font-style: normal;
	background: #ECECEC;
}
form#contactform span.note {
	display: block;
	padding: 5px 0 0;
	overflow: hidden;
}
form#contactform .submit {
	display: block;
	padding: 20px 0 10px;
	background: #D6DEDD;
	border-top: 2px solid #BBB;
	text-align: center;
}
form#contactform .submit p {
	margin: 0 10px 10px;
}
form#contactform .submit input {
	padding: 10px 20px;
	/padding: 10px 0;	/* IE6,7用ハック */
}
p.contact_tel {
	font-size: 110%;
	margin: 0 75px;
	padding: 15px 15px 15px 20px;
	background: #F7F7F7;
	border: 4px solid #DDD;
	border-radius: 12px;
}
p.contact_tel span {
	color: #369;
	font-size: 160%;
	font-weight: bold;
}

/* -------------------------------------------------------------------------
 11.パスワード再設定（password.html）
------------------------------------------------------------------------- */
#password_body {
	margin: 15px 30px 15px;
	background: #EAEAE6;
	border: 1px solid #CCC;
	border-radius: 15px;
}
#password_body table.table {
	margin: 40px auto;
}

/* -------------------------------------------------------------------------
 12.パスワード変更（reset.html）
------------------------------------------------------------------------- */
#reset_body {
	margin: 15px 30px 15px;
	background: #EAEAE6;
	border: 1px solid #CCC;
	border-radius: 15px;
}
#reset_body table.table {
	margin: 40px auto 15px;
}
#reset_body .button_container {
	margin: 0 0 40px;
	text-align: center;
}
#reset_body .submit input {
	padding: 8px 15px;
	/padding: 8px 5px;	/* IE6,7用ハック */
}

/* -------------------------------------------------------------------------
 13.
------------------------------------------------------------------------- */

#contents .clearfix:after {
    clear: both;
    content: "";
    display: block;
}

#contents .wcv-floatbox-left,
#contents .wcv-floatbox-right {
/*	margin: 0 80px 15px;*/
	margin: 15px 180px 15px;
}

#contents .wcv-floatbox-left p.detail ,
#contents .wcv-floatbox-right p.detail {
	font-size: 190%;
	float: left;
	margin: 0;
	padding: 10px 0 10px 50px;
	width: 220px;
	clear: none;
}
#contents .wcv-floatbox-right p.detail_key {
	font-size: 190%;
	float: left;
	margin: 0;
	padding: 10px 0 10px 50px;
	width: 220px;
	clear: none;
	padding: 10px 0 10px 0px!important;
	width: 300px!important;
}
#contents .cap-right {
    float: right;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}
#contents .cap-right .morelink {
	float: none;
	clear: none;
}

#contents .cap-right img {
    margin-bottom: 5px;
}



/*********************以下debug用*/

/*sql dump用*/
table.cake-sql-log, table.cake-sql-log {
	border-collapse: collapse;
}
table.cake-sql-log th, table.cake-sql-log td {
	padding: 5px;
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
}