@charset "utf-8";
/* CSS Document */

body {
	background:#fff2f4 url(https://mitsukaru-site.jp/images/body_bg.png) top left repeat-x;
	color:#333333;
	font-size:14px;
	line-height:1.3em;
}

a:link { color:#1f7e8f;}
a:visited { color:#1f4c8f;}
a:hover,
a:active { color:#47b3c6;}
strong {
	font-size:19px;
	color:#E03537;
	font-weight:bold;
	line-height:1.3em;
}
em {
	font-size:14px;
	color:#E03537;
	font-weight:bold;
	line-height:1.3em;
}

/* ==================================================
		ヘッダー
================================================== */
#header {
	width:100%;
	height:95px;
	background:#ffffff;
}
#header h1 a {
	position:relative;
	z-index:1;
}
#header div,
#header #description p {
	width:900px;
	margin:0 auto;
}
#header #description {
	width:100%;
	height:24px;
	font-size:12px;
	line-height:24px;
	background:#f6f6f6;
	border-bottom:1px solid #dddddd;
}

/* サイト内検索
-------------------- */
#header #search {
	text-align:right;
	height:70px;
	width:901px;
	margin:-70px 0 0;
	background:url(https://mitsukaru-site.jp/images/search_bg.png) center right no-repeat;
}
#header #search form {
	padding:25px 15px 0;
}
#header #search .text {
	width:140px;
	height:18px;
	line-height:18px;
	border:1px solid #cccccc;
	vertical-align:middle;
}
#header #search .button {
	width:45px;
	height:22px;
	vertical-align:middle;
}

/* ==================================================
		メインとサイドを内包するボックス
================================================== */
#allcontents {
	width:904px;
	margin:13px auto 11px;
}
#allcontents #main .bg_top {
	height:10px;
	margin:0 0 2px 0;
	*margin:0 0 -2px 0;
}
#allcontents .bg_top img {
	vertical-align:top;
}

/* ==================================================
		メイン
================================================== */
#main {
	float:left;
	width:674px;
	margin-right:6px;
	background:#ffffff url(https://mitsukaru-site.jp/images/contents_bg.png) top left repeat-y;
}

/* メインビジュアル
-------------------- */
#main #mainv {
	padding:0 12px 0;
	margin:0 0 10px 0;
}

/* メインコンテンツ
-------------------- */
#main .contents {
	padding:0 12px 12px 12px;
	background:url(https://mitsukaru-site.jp/images/contents_bg_bottom.png) bottom center no-repeat;
}
#main .contents div {
	margin:0 auto;
	padding:0 0 10px 0;
}
#main .contents div h2 { margin:0 0 10px 0;}
#main .contents p {
	margin:10px;
}

/* 企業一覧
-------------------- */
#main .contents #recommend {}
#recommend p.recommend_txt{ margin:0 0 20px 2px; line-height:18px; }
#recommend .recommend_select{ background:#f5f5f5; border:solid #999; border-width:1px 0 1px 0; margin:0; height:100%;}
#recommend .recommend_select:after{ display:block;margin-top:-1px;height:1px;content:"";clear:both;}
#recommend .recommend_select input,.recommend_select select{ vertical-align:middle;}
#recommend .rec_select_all{ float:right;}

#recommend table{ margin:0 0 8px 0; vertical-align:middle; width:100%;}
#recommend td{ border-bottom:1px solid #999; padding:7px; line-height:18px;}
#recommend td.rec_com_img{ width:130px; text-align:center;}
#recommend td.rec_com_logo{ width:160px; text-align:center;}
#recommend td.rec_com_info{ width:335px;}
#recommend td.rec_com_select{ width:115px; text-align:center; line-height:24px;}
#recommend td.rec_com_select input{ margin:0 3px 0 0;}


.recommend_bt{ text-align:center; margin:0 auto;}
.recommend_bt img{ margin:0 0 3px 0;}


#recommend p{ margin:0 0 5px 0; line-height:18px; }

#recommend ol{ list-style:decimal outside; margin:0 0 0 30px;}
#recommend li{ margin:0 0 3px 0; line-height:16px;}

/* 企業一覧
-------------------- */
#main .contents #service {}

/* 近日オープン
-------------------- */
#main .contents #commingsoon dl {
	width:320px;
	margin:0 10px 0 0;
	float:left;
}
#main .contents #commingsoon dl.last { margin:0;}
#main .contents #commingsoon dl dt { margin:0 0 5px 0;}

/* カテゴリ一覧
-------------------- */
#main .contents #category dl{
	width:210px;
	margin-right:8px;
	font-size:12px;
	float:left;
}
#main .contents #category li {
	margin-bottom: 5px;
}
#main .contents #category dl.last { margin:0;}
#main .contents #category dl dd { padding:0 0 10px 5px;}
#main .contents #category dl dt {
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	font-weight:bold;
	font-size:14px;
}
#main .contents #category dl dt.line_01 { border-bottom: 3px solid #da5860;}
#main .contents #category dl dt.line_02 { border-bottom: 3px solid #eeb711;}
#main .contents #category dl dt.line_03 { border-bottom: 3px solid #cfd62c;}
#main .contents #category dl dt.line_04 { border-bottom: 3px solid #67cc36;}
#main .contents #category dl dt.line_05 { border-bottom: 3px solid #36cc9c;}
#main .contents #category dl dt.line_06 { border-bottom: 3px solid #34c4e9;}
#main .contents #category dl dt.line_07 { border-bottom: 3px solid #4e84f1;}
#main .contents #category dl dt.line_08 { border-bottom: 3px solid #b463f3;}
#main .contents #category dl dt.line_09 { border-bottom: 3px solid #f58bf9;}
#main .contents #category dl dt.line_10 { border-bottom: 3px solid #fe6d99;}
#main .contents #category dl dt.line_11 { border-bottom: 3px solid #bd1818;}

/* 地域選択
-------------------- */
#main .contents #area {
	line-height:1.5em;
}
#main .contents #area .areamap {
	float:left;
	margin-right:20px;
}
#main .contents #area ul li {
	width:120px;
	margin:5px 0;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#main .contents #area ul li a {
	background:url(../images/area_arrow.png) left center no-repeat;
	padding-left:15px;
}


/* ==================================================
		サイド
================================================== */
#side {
	width:224px;
	float:right;
}

/* 見つかるサイトとは
-------------------- */
#side .mitsukaru-site {
	margin:0 0 0;
	padding:0;
	line-height:1.1em;
	background:#ffffff url(https://mitsukaru-site.jp/images/side_bg.png) center top repeat-y;
}
#side .mitsukaru-site div {
	font-size: 80%;
	padding-bottom:10px;
	margin:5px 10px 0 10px;
}
#side .mitsukaru-site p {
	text-align: right;
	font-weight: bold;
	margin-top: 3px;
}
#side .mitsukaru-site span.text {
	color: #cc0033;
	font-weight: bold;
}
#side .mitsukaru-site .bg_top {
	margin:0;
	padding:0;
	height:10px;
	border:none;
}

/* お気に入りに追加
-------------------- */
#side #favorite { *margin:0 0 4px 0;}

/* ログイン
-------------------- */
#side .login {
	margin:7px 0 0 0;
	padding:0;
	line-height:1.7em;
	background:#ffffff url(https://mitsukaru-site.jp/images/side_bg.png) center top repeat-y;
}
#side .login div {
	padding-bottom:10px;
	margin:0 12px 0 12px;
}
#side .login .bg_top {
	margin:0;
	padding:0;
	height:10px;
	border:none;
}
#side .bg_bottom {
	background:url(https://mitsukaru-site.jp/images/side_bg_bottom.png) center top no-repeat;
	height:10px;
}
#side .login div h3 { margin-bottom:5px;}

#side .login dl{ margin:0 0 3px 0;}
#side .login dt{ margin:0 0 3px 0;}
#side .login dd{ margin:0 0 5px 0;}
#side .login .r_login_form{ width:150px; vertical-align:top;}
#side .r_login_bt{ text-align:right;}
#side p.login_forget {font-size:12px;text-align:center;}
#side p.login_new {font-size:12px;text-align:center;font-weight:bold;}
.link_arrow{ background:url(https://mitsukaru-site.jp/images/link_arrow.gif) no-repeat left 4px; padding:0 0 0 8px;}
.link_arrow_all{ background:url(https://mitsukaru-site.jp/images/link_arrow_all.gif) no-repeat left 1px; padding:0 0 0 12px;}

/* お問い合わせ先
-------------------- */
#side #phone { margin:4px 0 4px 0;}

/* サイドコンテンツ
-------------------- */
#side .contents {
	margin:7px 0 0 0;
	padding:0 0 5px;
	line-height:1.7em;
	background:#ffffff url(https://mitsukaru-site.jp/images/side_bg.png) center top repeat-y;
}
#side .contents div {
	padding-bottom:10px;
	margin:0 12px 10px 12px;
	border-bottom:1px solid #cccccc;
}
#side .contents .bg_top {
	margin:0;
	padding:0;
	height:10px;
	border:none;
}
#side .contents div h3 { margin-bottom:5px;}

/* ランキング
-------------------- */
#side .contents div#ranking li {
	width:200px;
	height:28px;
	line-height:28px;
}
#side .contents div#ranking li a {
	display:block;
	widows:100%;
	height:100%;
	padding-left:45px;
}
#side .contents div#ranking li.no1 a { background:url(https://mitsukaru-site.jp/images/no1.png) left center no-repeat; }
#side .contents div#ranking li.no2 a { background:url(https://mitsukaru-site.jp/images/no2.png) left center no-repeat; }
#side .contents div#ranking li.no3 a { background:url(https://mitsukaru-site.jp/images/no3.png) left center no-repeat; }
#side .contents div#ranking li.no4 a { background:url(https://mitsukaru-site.jp/images/no4.png) left center no-repeat; }
#side .contents div#ranking li.no5 a { background:url(https://mitsukaru-site.jp/images/no5.png) left center no-repeat; }

/* バナー
-------------------- */
#side #banner {
	background:url(https://mitsukaru-site.jp/images/side_bg_bottom.png) center top no-repeat;
	padding:15px 2px 0 2px;
	font-size:12px;
	line-height:14px;
}
#side #banner ul li { margin-bottom:10px;}
#side #banner ul li.img { margin-bottom:0; height:80px;}
#side #banner ul li.img a { display:block;}
#side #banner ul li.img a:link,
#side #banner ul li.img a:visited { border:5px solid #cccccc;}
#side #banner ul li.img a:hover,
#side #banner ul li.img a:active { border:5px solid #88ddff;}

/* ==================================================
		フッター
================================================== */
#footer {
	width:100%;
	padding:14px 0;
	text-align:center;
	font-size:12px;
	background:#ffffff url(https://mitsukaru-site.jp/images/body_bg_bottom.png) top left repeat-x;
}

/* 運営会社情報
-------------------- */
#footer #footer_info {
	width:880px;
	margin:0 auto;
	text-align:left;
	line-height:1.7em;
	background:#ffffff url(https://mitsukaru-site.jp/images/info_bg.png) bottom center no-repeat;
	padding: 10px 15px 0 15px;
}
#footer #footer_info table {
	width:860px;
	margin:10px auto;
}
#footer #footer_info table td {
	padding:3px;
}

/* スタッフ写真
-------------------- */
#footer #footer_info .photo {
	width: 584px;
	float: left;
}

/* バナー
-------------------- */
#footer #footer_info .banner {
	width: 245px;
	height: 150px;
	float: right;
	background:url(https://mitsukaru-site.jp/images/bg_banner.png) no-repeat;
	padding: 10px;
}
#footer #footer_info .banner p {
	margin-bottom: 10px;
}

/* フッターリンク
-------------------- */
#footer ul { margin:10px 0;}
#footer ul li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #888888;
}
#footer ul li.last { border:none;}


/* ==================================================
		お申し込みページ
================================================== */
#form .phone {
	font-size:26px;
	line-height:26px;
	text-align:center;
	text-indent:0;
	color:#3A9634;
	background:#ffffff;
	padding:5px;
	margin:10px 0 2px;
	border:2px solid #3A9634;
	font-weight:bold;
	font-family:"Verdana";
}
#form .phone img {
	vertical-align:baseline;
}

/* フォーム
-------------------- */
#form dl {
	width:450px;
	margin:20px auto;
	padding:15px 25px 5px;
	background:#eeeeee;
	border:1px solid #aaaaaa;
	overflow:hidden;
}

#form dt {
	margin:0 0px 3px;
	padding:0 0 0 5px;
	border-left:3px solid #e03537;
	text-align:left;
	font-weight:bold;
	color:#555555;
}
#form dt .must {
	font-weight:normal;
	font-size:12px;
	color:#e03537;
}
#form dd {
	margin:0 0px 10px;
	text-align:left;
}
#form dd select {
	border:1px solid #bbbbbb;
	background:#ffffff;
}
#form dd input,
#form dd textarea {
	width:100%;
	padding:3px 0;
	border:1px solid #bbbbbb;
	background:#ffffff;
}
#form dd textarea {
	height:100px;
	overflow:hidden;
}
#form dd #submit {
	width:60%;
	display:block;
	background:#cccccc;
	color:#333333;
	margin:0 auto;
	border:1px solid #888888;
}
#form #sign {
	width:400px;
	margin:0 auto;
	padding:15px;
	border:2px solid #003298;
}
#form #sign div {
	width:auto;
	padding:0;
	margin:0 0 10px;
}
#form #sign p {
	padding:0 0 0 120px;
	margin:-57px 0 0 0;
	text-indent:0;
}

/* ==================================================
		見つかるサイト.jpとは
================================================== */

#infomation table {
	table-layout:fixed;
	width:100%;
}
#infomation table th,
#infomation table td {
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#E03537;
	line-height:1.4em;
	border-bottom:10px solid #ffffff;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
}
#infomation table th {
	background:#eeeeee;
	padding:10px;
}
#infomation table th.step4 {
	text-align:center;
	font-size:22px;
}
#infomation table td {
	text-align:right;
	width:400px;
}
#infomation table td.arrow {
	text-align:center;
	width:100%;
}

/* ==================================================
		レコメンド機能
================================================== */
#pickup #title {
	border-bottom: #555 solid 3px;
	margin: 20px 0 10px 0;
	padding-bottom: 5px;
}
#pickup #title p {
	color: #fff;
	background: #db0020;
	font-weight: bold;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 3px 0 3px;
}
#pickup #title h3 {
	font-size: 16px;
	font-weight: bold;
}

#pickup .box {
	width: 216px;
	float: left;
	margin-bottom: 10px;
}
#pickup .box .photo {
	width: 82px;
	float: left;
	margin: 0 5px 0 0;
}
#pickup .box .text {
	margin-right: 10px;
}
#pickup .box h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
#pickup .box .details {
	font-size: 80%;
	line-height: 1.2em;
}

/* ==================================================
		運営会社概要
================================================== */

#company table {
	border-collapse:collapse;
	width:600px;
	margin:10px auto;
}
#company table th,
#company table td {
	border:1px solid #888888;
	padding:20px;
}
#company table th {
	background:#e8e8e8;
	text-align:center;
}

/*ピックアップシステム用*/
/* Contents Page
------------------------------------------------------ */


#contents_area{ margin:3px 0 0 0;}
#contents_area h3{ 
padding:0;
margin:0 0 15px 0;
font-size:1px;
text-indent:-9999px;
line-height:0;
overflow: hidden;
clear:both;
}
.method{ width:650px; margin:0 3px 0 5px; overflow:hidden;}
#contents_area h3.contents_tit_01{ background:url(../images/contents_tit_01.gif) no-repeat top left; width:650px; height:41px;} 
#contents_area h3.contents_tit_02{ background:url(../images/contents_tit_02.gif) no-repeat top left; width:650px; height:41px; margin:0 0 10px 0;} 
#contents_area h3.contents_tit_03{ background:url(../images/contents_tit_03.gif) no-repeat top left; width:650px; height:41px;} 

/* first box */

.company_intro{ background:#ebebeb; border:1px solid #cbcbcb; margin:0 0 10px 0; height:100%;}
.company_intro:after{ display:block;margin-top:-1px;height:1px;content:"";clear:both;}

div#companyintrologo{ float:left; display:inline; margin:10px 10px 0 10px; width:163px;}
div#companyintrologo img{ border:1px solid #ccc; background:#fff;}

div#companyintroinfo{ float:left; display:inline;} 
div#companyintroinfo h4{ background: url(../images/com_name_back.gif) no-repeat top left; padding:6px 0 6px 15px; font-size:14px; line-height:13px; margin:0 0 10px 0;}

div#companyintroinfo table{ margin:0;}
div#companyintroinfo th{ width:100px; background:#d0dbff url(../images/table_th_back.gif) repeat-y left top; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#2e57c7; padding:10px; text-align:left;}
div#companyintroinfo td{ background:#e8edff;border-bottom:1px solid #fff; padding:10px;}

div#companyintroinfo td.service_cell{ font-size:14px;}
div#companyintroinfo th.last_cell{ width:100px; background:#d0dbff url(../images/table_th_back.gif) repeat-y left top;  border-right:1px solid #fff; border-bottom:none; color:#2e57c7; padding:10px; text-align:left;}
div#companyintroinfo td.last_cell{ background:#e8edff;border-bottom:none; padding:10px;}


.company_intro_bottom{ clear:both; margin:0; }
.company_intro_bottom p{ line-height:18px; margin:0 0 20px 0;}

.company_intro_bt{ text-align:center; margin:0 auto 14px auto; clear:both;}


/* second box */

.service_info{ margin:0;}

.service_info h4{ background:url(../images/contents_subtit_back.gif) no-repeat bottom left; padding:0 0 8px 6px; color:#1a39ad; margin:0 0 5px 0; font-size:14px;font-weight:bold;}
.service_info p{ line-height:18px; margin:0 0 20px 15px; }


.point_box{ background:#e8edff; margin:10px auto 10px auto; padding:10px; clear:both; width:630px;}
.point_box ul{ margin:0; }
.point_box li.no01{ background:url(../images/no1.gif) no-repeat 5px 5px; padding:10px 0 20px 35px; line-height:16px; }
.point_box li.no02{ background:url(../images/no2.gif) no-repeat 5px 5px; padding:10px 0 20px 35px; line-height:16px; }
.point_box li.no03{ background:url(../images/no3.gif) no-repeat 5px 5px; padding:10px 0 20px 35px; line-height:16px; }

.point_box_bottom{ margin:0 0 8px 10px;}
.point_box_bottom img{ margin:0 10px 10px 0; border:1px solid #999;}


/* third box */

.example_list{ margin:0; clear:both; height:100%;}
.example_list:after{ display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.example_list p{ margin:0 0 22px 0; line-height:18px;}
.example_list img{ float:left; margin:0 10px 10px 0; border:1px solid #999;}


/* forth box */


.company_profile{ margin:0;}

.company_profile_l{ margin:0 10px 0 0; float:left; display:inline; width:165px;}
.company_profile_l img{ border:1px solid #999;}

.company_profile_r{ margin:0; float:left; display:inline; width:650px; overflow:hidden;}

.company_profile_r table{ margin:0 0 20px 0; width:100%;}
.company_profile_r th{ width:100px; background:#d0dbff url(../images/table_th_back.gif) repeat-y left top; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#2e57c7; padding:10px; text-align:left;}
.company_profile_r td{ background:#e8edff;border-bottom:1px solid #fff; padding:10px; width:465px;}
.company_profile_r td.half_cell{ background:#e8edff;border-bottom:1px solid #fff; padding:10px; width:132px;}


.company_profile_r th.last_cell{ width:100px; background:#d0dbff; border-left:6px solid #aabcfe; border-right:1px solid #fff; border-bottom:none; color:#2e57c7; padding:10px; text-align:left;}
.company_profile_r td.last_cell{ background:#e8edff;border-bottom:none; padding:10px;}


.company_profile_bt{ clear:both; margin:0 auto 16px auto; text-align:center;}

/* ==================================================
		出稿企業詳細ページ
================================================== */
/* アイコン
-------------------- */
.space{
	width:10px;
	float:left;
}
#main #contents_area .icon_r{
	background:#ff0000;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:10px;
	margin:10px 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_b{
	background:#0099FF;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:10px;
	margin:10px 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_g{
	background:#009900;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:10px;
	margin:10px 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_y{
	background:#dfcf1d;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:10px;
	margin:10px 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_s{
	background:#999;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:10px;
	margin:10px 10px 0 0;
	border:solid 1px #CCC;
}
.clear{
	clear:both;
}


table.icon {
	width: 100%;
    border-top:1px solid #cbcbcb;
    border-left:2px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
    border-right:1px solid #cbcbcb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 100%;
	font-weight: bold;
    text-align:center;
	padding: 2em 0;
	line-height: 1.2em;
	margin:15px 0;
}
table.icon th{
    border-right:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
    background-color:#f5f5f5;
	color:#222222;
	font-weight: bold;
    text-align:center;
	padding: 0.5em;
	width: 150px;
}

table.icon td{
    border-right:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
	padding:0.7em;
	text-align:left;
}

#main #contents_area .icon_g1{
	background:#666666;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:3px 10px;
	margin:0 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_g2{
	background:#999999;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:3px 10px;
	margin:0 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_yellow{
	background:#f4c900;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:3px 10px;
	margin:0 10px 0 0;
	border:solid 1px #CCC;
}
#main #contents_area .icon_green{
	background:#31b63d;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	float:left;
	padding:3px 10px;
	margin:0 10px 0 0;
	border:solid 1px #CCC;
}

table.service_table {
	width: 97%;
    border-top:1px solid #cbcbcb;
    border-left:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
    border-right:1px solid #cbcbcb;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size: 85%;
	font-weight: normal;
    text-align:center;
	padding: 1em 0;
	line-height: 1.2em;
	margin:10px 10px 15px 10px;
}
table.service_table th{
    border-right:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
    background-color:#f5f5f5;
	color:#222222;
	font-weight: bold;
	font-size: 100%;
    text-align:center;
	padding: 0.5em;
	width: 150px;
}

table.service_table td{
    border-right:1px solid #cbcbcb;
    border-bottom:1px solid #cbcbcb;
	padding: 0.5em;
	text-align:left;
}