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

html { 
}


body {
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:13px;
	color:#000;
	line-height:150%;
	background:#F6F5F3;
}

a{
	outline:none;	
}
a:link		{ color:#333333; text-decoration: none;}
a:visited	{ color:#333333; text-decoration: none;}
a:hover		{ color:#FF0000; text-decoration: underline;}
a:active	{ color:#FF0000; text-decoration: underline;}

img {
	border:none;
	outline:none;
}

.clearfix {zoom:1;overflow:hidden;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}


.info_area {
	height:95px;
	background:url(../images/info/bg.png) repeat-x;
}

.info_box {
	width:960px;
	margin:0 auto;
}

.logo {
	width:159px;
	padding:27px 0 0 20px;
	float:left;
}

.info_text {
	width:260px;
	padding:40px 0 0 90px;
	float:left;
}

.info_tel {
	width:195px;
	padding:25px 0 0 35px;
	background:url(../images/info/tel.png) no-repeat 10px 33px;
	float:left;
	font-size:22px;
	line-height:150%;
	color:#993399;
	font-weight:bold;
}

.info_tel a {
	color:#993399;
}

.info_contact {
	width:184px;
	padding-top:25px;
	float:right;
}

.wrapper {
	width:960px;
	margin:0 auto;
}

.main_image_area {
	margin-top:-20px;
	position:relative;
}

.main_image {
}

.main_image_tel {
	font-size:30px;
	color:#C6151E;
	line-height:150%;
	font-weight:bold;
	position:absolute; top:610px; left:381px;
}

.main_image_tel a {
	color:#C6151E;
}

.main_image_contact {
	position:absolute; top:614px; left:653px;
}

.basic_text {
	padding:15px 30px 0 30px;
	font-size:14px;
	line-height:150%;
}

.contents_image {
	padding-top:25px;
	text-align:center;
}

.three_line_box {
	padding:20px 20px 0 20px;
}

.three_line_item_1 {
	width:300px;
	height:450px;
	margin-right:10px;
	float:left;
	background:url(../images/three_line/1.png) no-repeat;
}

.three_line_item_2 {
	width:300px;
	height:450px;
	margin-right:10px;
	float:left;
	background:url(../images/three_line/2.png) no-repeat;
}

.three_line_item_3 {
	width:300px;
	height:450px;
	float:left;
	background:url(../images/three_line/3.png) no-repeat;
}

.three_line_text {
	padding:270px 28px 0 28px;
	font-size:14px;
	line-height:150%;
}

.contact_box {
	width:940px;
	margin:0 auto;
	position:relative;
}

.contact_image {
}

.contact_tel {
	font-size:34px;
	color:#C6151E;
	line-height:150%;
	font-weight:bold;
	position:absolute; top:315px; left:100px;
}

.contact_tel a {
	color:#C6151E;
}

.contact_btn {
	position:absolute; top:285px; left:430px;
}

.category_box {
	width:900px;
	margin:20px auto 0 auto;
	padding:0 0 20px 20px;
	background:url(../images/category/bg.png) repeat-y;
}

.category_box_title {
	padding:40px 0 10px 0;
	text-align:center;
}

.category_inner {
}

.category_item {
	width:260px;
	height:310px;
	padding:10px 10px  0 10px;
	margin:20px 20px 0 0;
	float:left;
	background:url(../images/category/item_bg.png);
}

.category_image {
}

.category_title {
	padding-top:10px;
	font-size:21px;
	color:#28527A;
	line-height:150%;
	font-weight:bold;
	text-shadow:-1px -1px 2px #FFF, 1px -1px 2px #FFF, 1px 1px 2px #FFF, -1px 1px 2px #FFF;
}

.category_text {
	padding-top:10px;
	font-size:14px;
	line-height:150%;
}

.top_marker_in {
	padding-top:30px;
}

.top_marker {
	width:200px;
	float:right;
}

.footer_navi {
	margin-top:30px;
	padding:20px 0;
	background:#FFF;
	font-size:14px;
	color:#111;
	line-height:150%;
	text-align:center;
}

.footer_navi a {
	color:#111;
}

.copyright {
	background:#E2DBC8;
	font-size:11px;
	color:#111;
	line-height:20px;
	text-align:center;
}


/* company */

.company_image {
	padding-top:30px;
}

.company_box {
	margin-top:30px;
	padding:0 30px 60px 30px;
	background:#FFF;
	display:none;
}

.company_title {
	padding:1px 0 0 25px;
	background:url(../images/company/title_bg.gif) repeat;
	border-radius:5px;
	font-size:15px;
	color:#FFF;
	line-height:45px;
	font-weight:bold;
}

.company_table_box {
	padding:20px 20px 0 20px;
}


/* thanks */


.thanks_text {
	padding:15px 30px 0 30px;
	font-size:14px;
	line-height:150%;
}


/* table */

.company_table_box table {
	border-collapse:collapse;
	width:100%;
	font-size:13px;
	color:#000;
	line-height:150%;
}

.company_table_box table tr,
.company_table_box table th,
.company_table_box table td {
	border-collapse:collapse;
	border:1px solid #CDCDC7;
}

.company_table_box table th,
.company_table_box table td {
	padding:7px 13px;
	background:#FFF;
}

.company_table_box table td{
	background: #FFFFFF;
	margin: 0px;
}

.company_table_box table th {
	background-color:#F2F2F2;
	font-weight:normal;
}

.company_table_box a { color:#11599E;}


/* font */

.blue { color:#0000FF;}
.red { color:#FF0000;}
.deep_red { color:#D80000;}


/*===============================================
画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 641px){
	body{
		min-width:960px;
	}
	
	.navi,
	.bottom_navi,
	.bottom_btn_box,
	.sp_tel_box,
	.sp_main_image,
	.sp_title,
	.sp_tv_box,
	.three_line_sp_title,
	.three_line_sp_thum,
	.voice_sp_box,
	.qa_sp_box,
	.system_sp_box {
		display:none;
	}
}


.banner_link {
	clear:both;
	text-align:center;
}
.banner_link ul {
	list-style:none;
}

ul#shuffle_sp {
	display:none;
}