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

body {
	background:#ffffff;
	color:#333333;
	font-size:14px;
	line-height:1.3em;
	position:relative;F
	z-index:0;
	padding:0 10px;
}

a:link { color:#0f48ba;}
a:visited {}
a:hover,
a:active { color:#3176ff;}

.bold {
	font-weight:bold;
}

.bold_eria {
	font-weight:bold;
	font-size:22px;
}

#liquid-fix {
	min-width:940px;
}

.clear {
	clear:both;
}

h2.title {
	background:url(img/title_bg.png) no-repeat top right;
	margin:0 0 10px 0;
	text-align:left;
}
h2.title_eria {
	background:url(img/title_erialine.png) no-repeat top left;
	margin:0 0 15px 0;
	text-align:left;
	height:51px;
}
h2.title_solution {
	background:url(img/title_solutionline.png) no-repeat top left;
	margin:0 0 15px 0;
	text-align:left;
	height:51px;
}
h3.title {
	height:34px;
	padding:0 15px;
	margin:0 0 10px 0;
	line-height:34px;
	font-size:14px;
	background:#7979a7;
	color:#ffffff;
	font-weight:bold;
}

span.small{
	font-size:10px;
	line-height: 1.2em;
}
/* ==================================================
		ヘッダー
================================================== */
#header {
	width:100%;
}
#header .main {
	float:left;
	max-width:544px;
}
#header .main h1#logo {
	background:url(img/logo.png) no-repeat;
	width:205px;
	height:40px;
	margin:20px 20px 15px 15px;
}
#header .main h1#logo a {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#ffffff;
}
#header .main h1#logo a span {
	position:relative;
	z-index:-1;
}

#header .main .description {
	color:#cb323d;
	font-weight:bold;
	font-size:12px;
	padding:25px 5px 0 5px;
	margin:-75px 0 0 230px;
	height:40px;
}

#header .sub {
	float:right;
	width:387px;
	margin:0 -1px 0 0;
}
#header .sub ul { margin:10px 3px 8px 0;}
#header .sub ul li {
	float:right;
	font-size:10px;
	margin:0 0 0 8px;
}
#header .sub .header-phone {
}

#header #navi_tab{
	clear:both;
	margin:0px 0 0 15px;
}
#header #navi_tab li {
	float:left;
	margin:-15px 10px 0 0;
	height:24px;
	font-size:12px;
	background:url(img/pankuzu-left.png) no-repeat;
	position:relative;
	z-index:1;
}
#header #navi_tab li a {
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	line-height:24px;
	height:24px;
	padding:0 30px;
	background:url(img/pankuzu-right.png) top right no-repeat;
}
#header #navi_tab li.off {background:url(img/pankuzu-left_off.png) no-repeat;}
#header #navi_tab li.off a {background:url(img/pankuzu-right_off.png) top right no-repeat; color:#cb323d;}

#header #sub_navi {
	height:30px;
	background:#cb323d;
	border-bottom:6px solid #e69297;
	padding:0 15px;
	color:#ffffff;
}
#header #sub_navi ul li {
	float:left;
	font-size:12px;
	margin-right:10px;
	line-height:30px;
}
#header #sub_navi ul li a {
	color:#ffffff;
	text-decoration:none;
}
#header #sub_navi ul li a.current { font-weight:bold;}
#header #sub_navi ul li a:hover {
	text-decoration:underline;
	font-weight:bold;
}

#header #headline {
	height:30px;
	color:#7b7b7b;
	background:#feecec;
	font-size:10px;
	line-height:30px;
	padding:10px 15px 0 15px;
	overflow:hidden;
	background:url(img/headline_bg.png) repeat-x;
}
#header #headline #topics p {
	float:left;
}
#header #headline #topics ul {
	overflow:hidden;
	width:500px;
	height:19px;
}
#header #headline #topics ul li {
	height:13px;
	line-height:13px;
	overflow:hidden;
	margin:3px 10px;
}
#header #headline #topics ul li img {
	vertical-align:top;
}
#header #headline #topics .n {
	color:#206d5f;
}
#header #headline #related p {
	float:left;
}
#header #headline #related ul {
	line-height:20px;
}
#header #headline #related ul li {
	float:left;
	display:inline;
	padding:0;
	height:20px;
	margin-left:10px;
}
#header #headline #search {
	margin-top:-20px;
	line-height:20px;
	text-align:right;
}
#header #headline #search img,
#header #headline #search input {
	vertical-align:middle;
}
#header #headline #search input.searchbox {
	width:180px;
}

#header #big_banner {
	background:#ebebeb;
	text-align:center;
	margin:10px 0 0 0;
}

/* ==================================================
		メインとサイドナビを内包するボックス
================================================== */
#container {
	width:100%;
	float:left;
	margin:10px -250px 15px 0;
}

/* ==================================================
		メイン
================================================== */
#contents{
	width: 100%;
	float: right;
	margin-left: -155px;
}

#contents #contents_inner{
	margin: 0 260px 0 165px;
	zoom:1;
}
#contents #mainv {
	background:url(img/mainv_bg.png) repeat left top;
	padding:6px 0 6px 0;
	margin-bottom:5px;
	
}
#contents #mainv_0 {
	background:url(img/mainv_bg.png) repeat left top;
	padding:3px 0 15px 0;
	margin: 0 auto 5px auto;
	text-align:center;
}
#contents .mainv2 {
	background:url(img/main.gif);
	width:515px;
	height:213px;
	margin:0px auto;
}
#contents .mainv2 .main_t{
	font-size:12px;
	font-weight:bold;
	color:#cb323d;
	width:445px;
	padding-top:183px;
	padding-left:63px;
}
#contents #mainv .mainv_seo {
	background:url(img/main_seo.gif);
	width:510px;
	height:208px;
	margin:0px auto;
}
#contents .moreinfo {
	font-size:12px;
	text-align:right;
	margin-bottom:10px;
}
#contents .moreinfo a {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:10px;
	margin-left:10px;
	background:url(img/sidenavi_arrow.png) no-repeat left center;
}

/* 新着カテゴリ
-------------------- */
#contents #newcategory {
	text-align:center;
	margin-bottom:10px;
}
#contents #newcategory dl {
	width:158px;
	margin:5px;
	display:inline-block;
	text-align:left;
	/display:inline;
	/zoom:1;
}
#contents #newcategory dl dt { margin-bottom:5px;}
#contents #newcategory dl dd {
	font-size:10px;
	background:url(img/sidenavi_arrow.png) no-repeat 2px 6px;
	text-indent:10px;
	line-height:1.5em;
}

/* ==================================================
		見つかるサイトとは
================================================== */
#contents #information #caption p {
	margin:10px 0;
	font-weight:bold;
}
#contents #information h3.title {
	margin:0;
}
#contents #information .description {
	background:#f2f2f2;
	padding:15px;
	color:#cb323d;
	text-align:center;
	font-size:12px;
	margin-bottom:10px;
}
#contents #information .description p {
	padding:10px 0;
	text-align:left;
}
#contents #information .description p.underbar {
	color:#20206d;
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
}
#contents #information .gototop {
	font-size:12px;
	text-align:right;
	margin-bottom:10px;
}

/* ==================================================
		ご利用ガイド
================================================== */

#contents #guide p {
	margin:0 0 10px 0;
}
#contents #guide table {
	table-layout:fixed;
	width:100%;
}
#contents #guide table th,
#contents #guide table td {
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#253974;
	line-height:1.4em;
	border-bottom:10px solid #ffffff;
	border-left:5px solid #ffffff;
	border-right:5px solid #ffffff;
}
#contents #guide table th {
	background:#eeeeee;
	padding:10px 10px 10px 2em;
	text-indent:-1em;
}
#contents #guide table th.step4 {
	text-align:center;
	font-size:22px;
}
#contents #guide table td {
	text-align:right;
	width:400px;
}
#contents #guide table td.arrow {
	text-align:center;
	width:100%;
}

/* ==================================================
		よくある質問
================================================== */
#question ol {
	margin:10px;
	padding:0 0 10px 45px;
	background:#f6f6f6;
	border:5px solid #cccccc;
}
#question ol li {
	list-style-type:decimal;
	font-weight:bold;
	font-size:18px;
	color:#666666;
	padding:10px 0 0;
	font-family:Verdana,  sans-serif;
}
#question ol li a,
#question ol li p{
	display:block;
	padding:3px;
	margin:0 20px 0 0;
	font-size:14px;
	font-weight:normal;
	text-indent:0;
	font-family:
		"Verdana",
		"Helvetica",
		"Arial",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"ＭＳ Ｐゴシック"
		sans-serif;
	*font-family:'ＭＳ Ｐゴシック', sans-serif;
}
#question ol li p {
	font-weight:bold;
	color:#ff617b;
}
#question ol li a:hover { background:#ffffff;}

#question dl {
	margin:10px;
	border-bottom:1px solid #cccccc;
}
#question dl dt {
	padding:3px 5px;
	border-left:5px solid #7979A7;
	font-weight:bold;
	color:#7979A7;
}
#question dl dd {
	padding:5px 10px 10px;
	line-height:1.5em;
}


/* ==================================================
		運営会社ページ・プライバシーポリシー
================================================== */

#contents #staff {
	margin:0 0 10px;
}
#contents #staff p {
	min-height:100px;
	background:url(img/ac_logo.png) no-repeat 0 0;
	padding-left:200px;
	color:#253974;
	font-size:12px;
}
#contents #staff p strong {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	font-size:14px;
}
#contents .banner {
	padding:7px;
	background:#f5f5f5;
	margin:10px 0;
	text-align:center;
}
#contents .banner img {
	margin:7px;
}
#contents #company,
#contents #privacy { color:#253974; margin-bottom:10px; font-size:12px; }
#contents #company table,
#contents #privacy table { width:90%; margin:5px auto; }
#contents #company table th,
#contents #privacy table th {
	background:#e9e9e9;
	padding:10px;
	text-align:center;
	width:30%;
	border:1px solid #aeaebd;
	border-right:none;
}
#contents #company table td,
#contents #privacy table td {
	padding:10px;
	border:1px solid #aeaebd;
	border-left:none;
	width:70%;
}

/* ==================================================
		広告出稿に関して
================================================== */

#contents #advertise p {
	margin:0 0 10px 0;
	color:#253974;
	font-size:12px;
}
#contents #advertise p.pdf {
	background:url(img/icon_pdf.png) no-repeat left center;
	height:20px;
	line-height:20px;
	padding-left:25px;
	margin:0 10px 10px;
}
#contents #advertise .entry {
	text-align:center;
}
#contents #advertise .entry a { font-weight:bold;}
#contents #advertise .entry img {margin:10px 0 0 0;}



/* ==================================================
		特集一覧ページ
================================================== */
#tokusyu_list {
	margin:0 auto;
	padding:10px 0 20px 20px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
#tokusyu_list dl {
	width:221px;
	font-size:12px;
	color:#555555;
	margin:0 20px 20px 0;
	vertical-align:top;
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-align:left;
}
#tokusyu_list dl dd {
	margin:3px 0 3px;
	line-height:1.3em;
}
#tokusyu_list dl dd.moreinfo a {
	background-image:none;
}

/* ==================================================
		子ポータル
================================================== */

/* 子ポータルのメインエリア
-------------------- */
#contents #caption {
	margin:0 0 10px 0;
}
#contents #caption h3 {
	font-size:20px;
	font-weight:bold;
	margin:5px 0 10px 0;
	color:#253974;
}
#contents #caption p {
	color:#253974;
	font-size:12px;
	margin:0 0 5px 0;
}
#contents #caption table {
	margin-bottom:10px;
}
#contents #caption table th,
#contents #caption table td {
	border-collapse:collapse;
	border:1px solid #cccccc;
	padding:10px;
}
#contents #caption table th {
	background:#eeeeee;
}
#contents #caption table td {
	font-size:12px;
	background:#fcfcfc;
}
#contents #caption p.guide {
	text-align:right;
	font-size:10px;
}
#contents #caption p.guide a {
	background:url(img/sidenavi_arrow.png) no-repeat left center;
	padding-left:8px;
}

#contents .top_fd {
	background:#f9fff2;
	border:4px solid #7fda9f;
	margin-bottom:10px;
}
#contents .top_fd p {
	width:365px;
	margin:0 auto;
	padding:10px 0;
	line-height:1.2em;
}
#contents .top_fd p strong {
	font-weight:bold;
	font-size:24px;
	color:#253974;
	line-height:30px;
}

/* エリア選択（全国エリア別のページ）
-------------------- */
#contents #area {
	line-height:1.5em;
	margin:0 0 10px 0;
}
#contents #area .areamap {
	float:left;
	margin-right:20px;
	margin-bottom:5px;
}
#contents #area p {
	color:#253974;
}
#contents #area ul li {
	width:125px;
	margin:2px 0;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	/display:inline;
	/zoom:1;
}
#contents #area ul li a {
	background:url(../img/area_arrow.png) left center no-repeat;
	padding-left:15px;
}


/* ソリューション選択（ECサイト）
-------------------- */
#contents .solution {
	font-size:12px;
	line-height:1.5em;
	text-align:left;
	margin:0 0 10px 0;
}
#contents .solution #solution_navi {
	text-align:center;
	margin:15px auto 20px auto;
	width:520px;
}
#contents .solution #solution_navi .kojin {
	float:left;
	width: 170px;
	margin-right:10px;
}
#contents .solution #solution_navi .houjin {
	float:left;
	width: 333px;
}

/* おまかせ資料請求
-------------------- */
#contents div.omakase{
	text-align:center;
	margin: 10px auto 15px auto;
	padding: 11px;
	border:#ffcccc 6px solid ;
}
#contents div.omakase p{
	width:100%;
	text-align:center;
	color:#d14440;
	font-size: 13px;
	margin:8px 10px;
}
#contents div.omakase strong {
	font-weight:bold;
	color:#D14440;
	font-size:16px;
}

/* iconの説明（システム開発）
-------------------- */
#contents #icon_text p {
	width:59px;
	/width:58px;
	margin:0 3px 0 3px;
	background:#f0efef;
	font-size:10px;
	color:#666666;
	height:20px;
	line-height:20px;
	border-left: 4px solid #b3b1af;
	padding-left:3px;
}

#contents #icon_text p.icon1 { border-left-color:#ff0131; }
#contents #icon_text p.icon2 { border-left-color:#e812d1; }
#contents #icon_text p.icon3 { border-left-color:#8a31f9; }
#contents #icon_text p.icon4 { border-left-color:#38c8ec; }
#contents #icon_text p.icon5 { border-left-color:#2ed917; }
#contents #icon_text p.icon6 { border-left-color:#d3da18; }
#contents #icon_text p.icon7 { border-left-color:#b3b1af; }

#contents #icon_text dl { float: left;}
#contents #icon_text dl dt{	margin: 10px 0 3px 0;}
#contents #icon_text dl dd {
	width: 122px;
	color:#666666;
	font-size: 10px;
	line-height: 1.2em;
	padding: 0 9px 0 10px;
}




/* 企業リスト
-------------------- */
#contents #company_data {
	margin:0 0 10px 0;
}
#contents #company_data h2 {
	background:#7979a7;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	height:34px;
	line-height:34px;
	padding:0 15px;
}

#contents #company_data .recommend_select {
	background:#f5f5f5;
	height:36px;
	padding:0 10px;
}
#contents #company_data input,
#contents #company_data select {
	line-height:36px;
	vertical-align:middle;
}
#contents #company_data .rec_select_all {
	font-weight:bold;
	color:#666666;
	height:36px;
	/height:26px;
	/margin-top:10px;
	line-height:36px;
	vertical-align:middle;
}
#contents #company_data .select_tag {
	text-align:right;
	margin:-36px 0 0 0;
	line-height:36px;
	height:36px;
	/height:26px;
	/margin-top:-28px;
	vertical-align:middle;
}
#contents #company_data p#attention {
	padding:15px;
	border:2px solid #ff3333;
	background:#ffeeee;
	font-weight:bold;
	color:#ff3333;
	text-align:center;
	margin-top:10px;
}
#contents #company_data .recommend_bt {
	text-align:center;
	margin:10px auto;
}
#contents #company_data .com_loop_none {
	background:#eeeeee;
	margin:10px auto;
	padding:30px;
	text-align:center;
}
#contents #company_data .com_loop_none p {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#contents #company_data .com_loop_none span.phone {
	font-weight:bold;
	color:#33aa66;
}
#contents #company_data .com_loop2,
#contents #company_data .com_loop3 {
	text-align:center;
	padding:5px 0;
}
#contents #company_data .com_loop2 .rec_com,
#contents #company_data .com_loop3 .rec_com {
	display:inline-block;
	width:145px;
	/width:148px;
	border:1px solid #e4e4e4;
	margin:8px;
	padding:5px 3px;
	font-size:12px;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}
#contents #company_data .com_loop2 .rec_com_info strong,
#contents #company_data .com_loop3 .rec_com_info strong {
	font-weight:bold;
	color:#666666;
	line-height:1.2em;
	height:2.5em;
	display:block;
}
#contents #company_data .com_loop2 .rec_com_info .text {
	margin:3px 0;
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
	color:#0000ff;
	background:#ffffff;
	border:none;
	width:auto;
	height:auto;
	clear:both;
	float:none;
}
#contents #company_data .com_loop2 .rec_com_icon { text-align:left;}
#contents #company_data .com_loop2 .rec_com_icon p {
	float:left;
	width:59px;
	/width:58px;
	margin:0 3px 7px 3px;
	background:#f0efef;
	font-size:10px;
	color:#666666;
	height:20px;
	line-height:20px;
	border-left: 4px solid #b3b1af;
	padding-left:3px;
}

#contents #company_data .com_loop2 .rec_com_icon p.icon1 { border-left-color:#ff0131; }
#contents #company_data .com_loop2 .rec_com_icon p.icon2 { border-left-color:#e812d1; }
#contents #company_data .com_loop2 .rec_com_icon p.icon3 { border-left-color:#8a31f9; }
#contents #company_data .com_loop2 .rec_com_icon p.icon4 { border-left-color:#38c8ec; }
#contents #company_data .com_loop2 .rec_com_icon p.icon5 { border-left-color:#2ed917; }
#contents #company_data .com_loop2 .rec_com_icon p.icon6 { border-left-color:#d3da18; }
#contents #company_data .com_loop2 .rec_com_icon p.icon7 { border-left-color:#b3b1af; }
#contents #company_data .com_loop2 .rec_com_icon p.icon_white {
	background:#ffffff;
	border-left-color:#ffffff;
	color:#ffffff;
}
#contents #company_data .com_loop2 .rec_com_select {
	background:#f0efef;
	margin:5px 2px 0 2px;
	padding:10px 8px;
	font-weight:bold;
	color:#666666;
}
#contents #company_data .com_loop2 .rec_com_select a {
	display:block;
	padding:2px;
	background: url(img/rec_com_arrow.png) no-repeat 25px center #999797;
	color:#ffffff;
	font-size:10px;
	line-height:16px;
	margin:5px 0 0 0;
	font-weight:normal;
	text-decoration:none;
}
#contents #company_data .com_loop2 .rec_com_select a:hover { text-decoration:underline; }

#contents #company_data .com_loop2 .checked {
	border:3px solid #ff642b;
	padding:3px 1px;
}

#contents #company_data .com_loop1 .rec_com {
	border:1px solid #e4e4e4;
	font-size:10px;
	margin:0 0 10px;
	width:100%;
	text-align:left;
}
#contents #company_data .com_loop1 .rec_com_logo {
	width:100px;
	padding:5px 10px;
}
#contents #company_data .com_loop1 .rec_com_info { vertical-align:top;}
#contents #company_data .com_loop1 .rec_com_info strong {
	font-size:16px;
	font-weight:bold;
	margin:10px 0 5px;
	display:block;
}
#contents #company_data .com_loop2 .rec_com_info div.icon p {
	float:left;
	margin:3px 10px 5px 0;
	font-size:12px;
	width:80px;
	background:#eeeeee;
	border-left:5px solid #ff6666;
	padding:2px 5px;
}
#contents #company_data .com_loop1 .rec_com_info ol li {
	list-style-type:disc;
	padding-left:-10px;
	margin-bottom:5px;
	line-height:1.3em;
	margin-left:2em;
	/margin-left:2.5em;
}
#contents #company_data .com_loop1 .rec_com_select {
	width:100px;
	padding:20px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
#contents #company_data .com_loop1 .rec_com_select a {
	display:block;
	padding:2px;
	background: url(img/rec_com_arrow.png) no-repeat 15px center #999797;
	color:#ffffff;
	font-size:10px;
	line-height:16px;
	margin:5px 0 0 0;
	font-weight:normal;
	text-decoration:none;
}
#contents #company_data .com_loop1 .rec_com_select a:hover { text-decoration:underline; }
#contents #company_data .com_loop1 .rec_com.checked {
	border:3px solid #ff642b;
}

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

/* ==================================================
		レコメンド機能
================================================== */
#recommend_bg {
	background:url(img/recommend_bg_left.png) no-repeat left top;
	height:123px;
	margin:0 auto 10px;
}
#recommend {
	background:url(img/recommend_bg_right.png) no-repeat right top;
	font-size:10px;
	text-align:center;
	width:100%;
	height:100%;
}
#recommend .box {
	width: 29%;
	float: left;
	display:inline;
	margin: 2%;
	text-align:left;
}
#recommend .box h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
	color:#20206d;
}
#recommend .box .details {
	line-height: 1.2em;
}


/* ==================================================
		サイドナビ
================================================== */
#navi{
	width: 155px;
	float: left;
	background:#fef2f2;
	font-size:10px;
	margin:-5px 0 0 0;
	position:relative;
	z-index:2;
}
#navi #navi_potal {
	background:#ffffff;
}
#navi #navi_potal a {
	text-decoration:none;
}
#navi #navi_potal p {
	padding-bottom:5px;
}
#navi #navi_inner dl dt {
	background:#555555;
	color:#ffffff;
	padding:5px 15px;
	font-weight:bold;
	zoom:1;
}
#navi #navi_inner dl dt.line_01 { background-color:#da5860;}
#navi #navi_inner dl dt.line_02 { background-color:#eeb711;}
#navi #navi_inner dl dt.line_03 { background-color:#cfd62c;}
#navi #navi_inner dl dt.line_04 { background-color:#67cc36;}
#navi #navi_inner dl dt.line_05 { background-color:#36cc9c;}
#navi #navi_inner dl dt.line_06 { background-color:#34c4e9;}
#navi #navi_inner dl dt.line_07 { background-color:#4e84f1;}
#navi #navi_inner dl dt.line_08 { background-color:#b463f3;}
#navi #navi_inner dl dt.line_09 { background-color:#f58bf9;}
#navi #navi_inner dl dt.line_10 { background-color:#fe6d99;}
#navi #navi_inner dl dt.line_11 { background-color:#fc7260;}

#navi #navi_inner dl dd {
	margin-bottom:10px;
}
#navi #navi_inner dl dd ul li {
	border-bottom:1px dashed #da5860;
	padding:3px 0;
	margin:0 3px;
	zoom:1;
}
#navi #navi_inner dl dd ul li a {
	padding:2px 15px;
	display:block;
	*width:119px;
	color:#666666;
	text-decoration:none;
	background:url(img/sidenavi_arrow.png) no-repeat 5px center;
}
#navi #navi_inner dl dd ul li a:hover {
	background-color:#e3ecfd ;
	color:#0f48ba;
	text-decoration:underline;
	font-weight:bold;
}



/* ==================================================
		サイド
================================================== */
#side{
	width: 250px;
	margin:10px 0 15px 0;
	float: right;
	color:#6e6e6e;
	zoom:1;
}
#side div {
	margin-bottom:10px;
}
#side #mitsukaru {
	padding:10px;
	font-size:10px;
	line-height:1.4em;
	border:1px solid #cccccc;
}
#side #mitsukaru .more {
	text-align:right;
}

#side #tokusyu {
	margin:0 0 10px;
}
#side #tokusyu dd {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:10px 0px 10px 15px;
}
#side #tokusyu dd {
	background:url(img/kadomaru_bottom.png) no-repeat bottom center #ffffff;
	border:none;
}
#side #tokusyu dd p {
	font-size:10px;
}
#side #tokusyu dd a {
	text-decoration:none;
}
#side #tokusyu dd .t_new {
	float:left;
	margin-top:5px;
}
#side #tokusyu .more {
	text-align:right;
	padding-right:10px;
}
#side #tokusyu .more a {
	text-decoration:underline;
}

#side #ranking {
	margin:0 0 10px;
}
#side #ranking dd {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:0 2px;
}
#side #ranking dd#no5 {
	background:url(img/kadomaru_bottom.png) no-repeat bottom center #ffffff;
	border:none;
}
#side #ranking dd p {
	border-bottom:1px dashed #d9d9d9;
	padding:8px 10px 8px 50px;
	font-size:10px;
}

#side #ranking dd#no1 p { background:url(img/ranking_no1.png) no-repeat 6px 8px;}
#side #ranking dd#no2 p { background:url(img/ranking_no2.png) no-repeat 13px 10px;}
#side #ranking dd#no3 p { background:url(img/ranking_no3.png) no-repeat 13px 10px;}
#side #ranking dd#no4 p { background:url(img/ranking_no4.png) no-repeat 13px 10px;}
#side #ranking dd#no5 p { background:url(img/ranking_no5.png) no-repeat 13px 10px; border:none;}
#side #ranking dd p a {
	font-size:12px;
	font-weight:bold;
}
span.genre1 { color:#da5860; font-weight:bold;}
span.genre2 { color:#eeb711; font-weight:bold;}
span.genre3 { color:#cfd62c; font-weight:bold;}
span.genre4 { color:#67cc36; font-weight:bold;}
span.genre5 { color:#36cc9c; font-weight:bold;}
span.genre6 { color:#34c4e9; font-weight:bold;}
span.genre7 { color:#4e84f1; font-weight:bold;}
span.genre8 { color:#b463f3; font-weight:bold;}
span.genre9 { color:#f58bf9; font-weight:bold;}
span.genre10 { color:#fe6d99; font-weight:bold;}
span.genre11 { color:#fc7260; font-weight:bold;}
span.company { color:#ff4f01; font-weight:bold;}

#side #press {
	background:url(img/kadomaru_bottom.png) no-repeat bottom center;
	padding-bottom:8px;
}
#side #press p.bn {
	padding:9px;
	background:url(img/kadomaru_top.png) no-repeat top center;
}
#side #press p.text {
	font-size:10px;
	line-height:14px;
	padding-left:9px;
}
#side #press p.btn {
	margin:0 9px;
}
#side #press p img {
	vertical-align:middle;
}

#side #pr {
	margin:0 0 10px;
}
#side #pr dt {
	width:236px;
	height:23px;
	background:url(img/pr_title.gif) repeat-x;
	font-size:12px;
	font-weight:bold;
	color:#20206d;
	padding:2px 0 0 12px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;

}
#side #pr dd {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:6px 0px 10px 9px;
}
#side #pr dd {
	border-bottom:1px solid #d9d9d9;
}
#side #pr dd p {
	font-size:10px;
}
#side #pr dd a {
	text-decoration:none;
}

/* ==================================================
		フッター
================================================== */
#footer {
	clear:both;
	background:url(img/footer_bg.png) repeat-x top center;
	padding:30px 0;
	font-size:12px;
	text-align:center;
	width:100%;
}
#footer dl {
	display:inline-block;
	color:#0f48ba;
	text-align:left;
	margin:0 15px 15px 0;
	/display:inline;
	/zoom:1;
}
#footer dl dt { font-weight:bold; }
#footer dl dd {
	display:inline-block;
	margin-right:5px;
	font-size:10px;
	/display:inline;
	/zoom:1;
}
#footer .logo {
	color:#cb323d;
	font-weight:bold;
}
#footer .copy {
	color:#999999;
	font-size:11px;
}

/* ==================================================
		別ウィンドウで開くフォーム
================================================== */

#header_form,
#contents_form {
	width:430px;
	margin:0 15px;
	font-size:12px;
	color:#253974;
}
#header_form {
	padding:10px 0;
}
#contents_form p {
	margin:10px 0;
}
#contents_form p.phone {
	text-align:center;
}
#contents_form .attention {
	padding:10px;
	background:#ffeeee;
	border:2px solid #ff3333;
	color:#555555;
}
#contents_form .attention strong {
	color:#ff3333;
	font-weight:bold;
}
#contents_form h3 {
	background:#7979a7;
	padding:5px 10px;
	margin:0;
	color:#ffffff;
	font-weight:bold;
}

#contents_form .error_message {
	color:#ff3333;
	background:#ffffff;
	border:1px solid #ff3333;
	padding:5px 10px;
}

/* フォーム
-------------------- */
#contents_form form dl {
	margin:0 auto 10px;
	padding:10px;
	background:#f6f6f6;
	border:1px solid #7979a7;
	overflow:hidden;
}

#contents_form form dt {
	margin:0 0px 3px;
	padding:0 0 0 5px;
	border-left:3px solid #7979a7;
	text-align:left;
	font-weight:bold;
	color:#555555;
}
#contents_form form dt .must {
	font-weight:normal;
	font-size:12px;
	color:#e03537;
}
#contents_form form dd {
	margin:0 0px 10px;
	text-align:left;
}
#contents_form form dd select {
	border:1px solid #bbbbbb;
	background:#ffffff;
}

#contents_form form dd input,
#contents_form form dd textarea {
	width:99%;
	padding:3px 0;
	border:1px solid #bbbbbb;
	background:#ffffff;
}
#contents_form form dd label {
	display:inline-block;
	padding:2px;
	/display: inline;
	/zoom: 1;
}
#contents_form form dd input.check {
	width: 5%;
	background:#ffffff;
}

#contents_form form dd input.address {
	width: 75%;
	margin:3px 0 0 8px;
}
#contents_form form dd input#zip {
	width: 20%;
	margin:3px 0 3px 8px;
}


#contents_form form dd textarea {
	height:100px;
	overflow:hidden;
}
#contents_form form dd#submit input {
	text-align:center;
	background:#7979a7;
	color:#ffffff;
	border:1px solid #515179;
	cursor:pointer;
}
#contents_form form dd #check_mode,
#contents_form form dd #back_mode,
#contents_form form dd #send_mode {
	width:60%;
	display:block;
	background:#e2e2e2;
	color:#333333;
	margin:0 auto;
	border:1px solid #888888;
}
#contents_form form dd #back_mode,
#contents_form form dd #send_mode {
	width:30%;
	display:inline-block;
}
#contents_form form #sign {
	width:450px;
	margin:0 auto;
	padding:15px;
	border:2px solid #003298;
}
#contents_form form #sign div {
	width:auto;
	padding:0;
	margin:0 0 10px;
}
#contents_form form #sign p {
	padding:0 0 0 120px;
	margin:-57px 0 0 0;
	text-indent:0;
}
#contents_form form .is_error {
	background:#ffcccc;
}
#contents_form form dl dd p.o {
	text-indent:0;
	padding:3px 3px 3px 5px;
	margin:0;
	background:#CCCCCC;
	border:0;
}
#contents_form form dl dd p {
	text-indent:0;
	padding:3px 3px 3px 5px;
	margin:0;
	background:#dddddd;
	border-left:3px solid #aaaaaa;
}

#contents_form form .error_message {
	width:494px;
	border:3px solid #ff3333;
	background:#ffeeee;
	padding:15px 0;
	text-align:center;
	font-weight:bold;
}

#contents_form form #sign {
	width:380px;
	margin:0 auto;
	padding:15px;
	text-align:center;
	border:2px solid #003298;
}
#contents_form form #sign div {
	width:auto;
	padding:0;
	margin:0 0 10px;
}
#contents_form form #sign p {
	padding:0 0 0 120px;
	margin:-57px 0 0 0;
	text-indent:0;
}
/*	おまかせ資料請求  */
#contents_form form dl dd div.check{
	text-align:left;
	margin:10px;
	font-size:11px;
	border:1px solid #aaaaaa;
}
#contents_form form dl dd div.check.is_error p {
	background:#ffcccc;
}
#contents_form form dl dd div.check p{
	text-indent:0;
	padding:3px 3px 3px 5px;
	margin:0;
	background:#ffffff;
}
#contents_form form dl dd div.check .must {
	font-weight:normal;
	font-size:10px;
	color:#e03537;
}


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

#topic_path {
	font-size:12px;
	color:#888888;
}

#contents_area{ margin:3px 0 0 0;}
.method{ margin:0 3px 0 5px; overflow:hidden;}
#contents_area h3 {
	background:url(img/title_bg.png) no-repeat top right;
	margin:0 0 10px 0;
	text-align:left;
}

/* 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; margin:10px; width:163px;}
div#companyintrologo img{ border:1px solid #999; background:#ffffff;}

div#companyintroinfo{  padding:10px 10px 10px 203px;} 
div#companyintroinfo h2{
	background: url(../images/com_name_back.gif) no-repeat top left #ffffff;
	padding:6px 0 6px 15px;
	font-size:14px;
	line-height:13px;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#2E57C7;
}
div#companyintroinfo #companyintroicon {
	margin:0 0 5px 0;
	padding:5px 2px 5px;
	background:#ffffff;
	height:20px;
}
div#companyintroinfo #companyintroicon p {
	float:left;
	width:59px;
	/width:58px;
	margin:0 3px 5px 3px;
	background:#f0efef;
	font-size:10px;
	color:#666666;
	height:20px;
	line-height:20px;
	border-left: 4px solid #b3b1af;
	padding-left:3px;
}
div#companyintroinfo #companyintroicon p.text {
	float:none;
	clear:both;
	width:auto;
	height:auto;
	line-height:1.2em;
	font-size:12px;
	font-weight:bold;
	color:#0000ff;
	margin:3px 0;
	background:#ffffff;
	border:none;
}
div#companyintroinfo #companyintroicon p.icon1 { border-left-color:#ff0131; }
div#companyintroinfo #companyintroicon p.icon2 { border-left-color:#e812d1; }
div#companyintroinfo #companyintroicon p.icon3 { border-left-color:#8a31f9; }
div#companyintroinfo #companyintroicon p.icon4 { border-left-color:#38c8ec; }
div#companyintroinfo #companyintroicon p.icon5 { border-left-color:#2ed917; }
div#companyintroinfo #companyintroicon p.icon6 { border-left-color:#d3da18; }
div#companyintroinfo #companyintroicon p.icon7 { border-left-color:#b3b1af; }

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

div#companyintroinfo td.service_cell{ font-size:14px;}
div#companyintroinfo th.last_cell{ border-bottom:none;}
div#companyintroinfo td.last_cell{ border-bottom:none;}

div#companyintroinfo ul li {
	list-style-type:disc;
	margin-left:10px;
	/margin-left:15px;
	font-size:12px;
	margin-bottom:3px;
}

.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 table {
	border-collapse:collapse;
	margin:10px 1px;
}
.service_info table th,
.service_info table td {
	border:1px solid #cccccc;
	padding:2px 3px;
}
.service_info h4,
.point_box_bottom 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 0px; }


.point_box{ background:#e8edff; margin:10px auto 10px auto; padding:10px; clear:both; }
.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 0;}
.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:10px; float:left; display:inline; width:165px;}
.company_profile_l img{ border:1px solid #999;}

.company_profile_r{ margin:0; padding-left:203px;}

.company_profile_r table{ margin:0 0 20px 0;}
.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;}
.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;}

.bottom_top_back,
.bottom_go_top {
	text-align:right;
	margin:5px 0;
	font-size:12px;
}