/*
【 Index - content.css 】
 -----------------------
01. 基本設定
02. ヘッダ・メニュー
03. フッター
04. 左サイドメニュー
05. コンテンツ共通
06. トップページ
07. その他

*/


/* ─────────────────────────── */
/* =================== 01. 基本設定 ===================== */
/* ─────────────────────────── */

* {margin: 0px; padding: 0px; }

body {
	margin: 0px; padding: 0px; height: 100%;
	font-size: 12px; text-align: left;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo','メイリオ',sans-serif;
	background:url(../img_c/bg.jpg) repeat-x;
}

html { height: 100%; }

img { border: 0px; vertical-align: top; -ms-interpolation-mode: bicubic; }
ul,li { list-style: none; margin: 0; padding: 0; line-height: 150%;}
h1,h2,h3,h4,h5 { margin: 0; padding: 0; font-weight: normal; }
span {color: #5E2235;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a:link,
a:visited { color:#07519a; text-decoration: underline; }
a:hover,
a:active { color: #999; text-decoration: none; }


.right { float: right; }
.left { float: left; }

#clear{ clear:both; }
.clear{ clear:both; }


a img:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a img.hoverImg{
 background:none!important;
}
a:hover img.hoverImg{
 opacity:0.8;
 filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
 background:none!important;
}


.mg_t10 { margin-top:10px; }
.mg_t20 { margin-top:20px; }
.mg_t30 { margin-top:30px; }
.mg_t40 { margin-top:40px; }
.mg_t50 { margin-top:50px; }
.mg_t100 { margin-top:100px; }

.mg_b10 { margin-bottom:10px; }
.mg_b20 { margin-bottom:20px; }
.mg_b30 { margin-bottom:30px; }
.mg_b40 { margin-bottom:40px; }
.mg_b50 { margin-bottom:50px; }
.mg_b100 { margin-bottom:100px; }


p { font-size:13px; line-height:24px; }

#container {
	width:1000px;
	margin:0 auto;
}
#main {
	width:1000px;
	clear:both;
}
.bold { font-weight:bold; }



/* ─────────────────────────── */
/* ============== 02. ヘッダ・メニュー ================== */
/* ─────────────────────────── */

#header {
	height:81px;
}
#logo {
	float:left;
	margin-top:24px;
}
#header_menu {
	float:right;
	margin-top:0px;
}
#header_menu li {
	float:left;
}
#gmenu { height:56px; }
#gmenu li {	float:left; }



/* ─────────────────────────── */
/* =================== 03. フッター ===================== */
/* ─────────────────────────── */


#footer {
	margin-top:100px;
	padding-top:16px;
	border-top:3px solid #069;
}
#footer_in {
	width:1000px;
	margin:0 auto;
}
#f_cr {
	color:#999;
	margin-top:20px;
	margin-left:4px;
	padding-bottom:10px;
}




/* ─────────────────────────── */
/* ================ 04. 左サイドメニュー ================ */
/* ─────────────────────────── */

#side {
	width:250px;
	float:left;
}
#side_t {
	width:250px;
	float:right;
}

#s_menu {
	border-top:1px solid #F7F7F7;
	background:url(../img_c/s_menu_bg.jpg) repeat-x #F7F7F7;
	padding:10px;
}

#s_menu_title {
	background:url(../img_c/s_menu_title.jpg) no-repeat;
	height:39px;
}
#s_menu_title h3 {
	font-size:12px;
	padding:11px 0 0 11px;
}

#s_menu_box {
	border:1px solid #ccc;
	width:227px;
	margin-top:6px;
}

.s_menu_cate {
	background:url(../img_c/s_menu_cate.jpg) no-repeat #E5F0F5;
	padding:7px 26px;
}
.s_menu_cate2 {
	background:url(../img_c/s_menu_cate2.gif) no-repeat #E5F0F5;
	border-bottom:1px #ccc dotted;
}


.s_menu_cate2 a {
	line-height: 1.4em;
	display: block;
	padding:7px 26px;
	text-decoration: none;
	color: #333;
}
.s_menu_cate2 a:hover {
	background:url(../img_c/s_menu_cate2.gif) no-repeat #B2D2E1;
}
.s_menu_cate2 a img {
	display: block;
	margin: 0px 0px 2px;
	border-style: none;
}

#s_menu_box li {
	background:url(../img_c/s_menu_list.gif) no-repeat #fff;
	border-bottom:1px #ccc dotted;
	line-height: 0;
}
#s_menu_box li a {
	line-height: 1.4em;
	display: block;
	padding:5px 26px;
	text-decoration: none;
	color: #333;
}
#s_menu_box li a:hover {
	background:url(../img_c/s_menu_list.gif) no-repeat #fafafa;
}
#s_menu_box li a img {
	display: block;
	margin: 0px 0px 2px;
	border-style: none;
}





/* ─────────────────────────── */
/* ================= 05. コンテンツ共通 ================= */
/* ─────────────────────────── */

#pun {
	width:1000px;
	height:24px;
	margin-top:10px;
	font-size:11px;
}
#pun li {
	float:left;
	background:url(../img_c/pun.gif) no-repeat;
	padding-left:9px;
	margin-right:14px;
	line-height:11px;
}
#pun a {
	text-decoration:none;
	color:#333;
}
#pun a:hover {
	text-decoration:underline;
	color:#999;
}

#contents_t {
	width:710px;
	float:left;
}

#contents {
	width:710px;
	float:right;
}

.img_left {
	float:left;
	margin:0 24px 24px 0;
}

.img_right {
	float:right;
	margin:0 0 24px 24px;
}

table.table_def {
	width:100%;
	border-collapse: collapse;
	border:1px solid #ccc;
	font-size:13px;
}

table.table_def th {
	border:1px solid #ccc;
	padding:10px;
	background: #FAFAFA;
	text-align:center;
	vertical-align:top;
	line-height:20px;
}

table.table_def th span { font-size:11px; }

table.table_def td {
	border:1px solid #ccc;
	padding:10px 16px;
	text-align:left;
	line-height:20px;
}

.title_bg1 {
	border-left:8px solid #069;
	font-size:30px;
	line-height:30px;
	padding:16px 16px;
	margin-bottom:20px;
}

.title_bg2 {
	background:url(../img_c/title_bg2.jpg);
	width:710px;
	height:44px;
}

.title_bg2 h2,

.title_bg2 h3 {
	font-size:14px;
	padding:11px 0 0 11px;
	float:left;
	width:500px;
}

.title_bg2_info {
	float:right;
	width:138px;
	padding-top:3px;
}

.title_bg3 {
	background:url(../img_c/title_bg3.gif) no-repeat;
	padding-left:16px;
	padding-bottom:4px;
	border-bottom:1px solid #ccc;
	line-height:14px;
	font-size:14px;
}

.title_bg_re {
	border-left:8px solid #069;
	font-size:24px;
	line-height:30px;
	padding:2px 16px;
	margin-bottom:20px;
}

.title_bg_re2 {
	border-left:8px solid #ccc;
	background:#fafafa;
	font-size:16px;
	line-height:30px;
	padding:6px 16px;
	margin-bottom:20px;
	margin-top:40px;
}


.w710_t20 {
	width:710px;
	margin-top:20px;
	clear:both;
}



/* ─────────────────────────── */
/* ================= 06. トップページ =================== */
/* ─────────────────────────── */

.t_news li {
	margin-bottom:16px;
}
.t_news_t a {
	font-size:13px;
	font-weight:bold;
}
.t_news_meta a {
	color:#333;
	text-decoration:none;
}
.t_news_meta a:hover {
	color:#999;
}

.t_service {
	width:710px;
	margin-top:20px;
	clear:both;
}
.t_service_l {
	float:left;
	width:345px;
}
.t_service_r {
	float:right;
	width:345px;
}
.t_service_in {
	width:250px;
	float:right;
}
.t_service h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}
.t_service p {
	font-size:12px;
	line-height:18px;
}
.t_service img {
	float:left;
	width:80px;
	margin:0;
}
.t_info1 {
	width:710px;
	float:left;
	margin-top:14px;
	font-size:13px;
}
.t_info2 {
	width:370px;
	float:right;
	margin-top:14px;
}

.t_info_l {
	width:345px;
	float:left;
}
.t_info_r {
	width:345px;
	float:right;
}
.t_info_l p,
.t_info_r p {
	margin-top:14px;
	font-size:12px;
	line-height:18px;
}


#t_seminar iframe{
	width:690px;
	height:400px;
	frameborder:0;
}



/* ─────────────────────────── */
/* ==================== 07. その他 ====================== */
/* ─────────────────────────── */


#release_dl {
	font-size:13px;
	margin-top:20px;
}

#release_dl dt {
	float:left;
	width:130px;
	clear:both;
	color:#999;
}

#release_dl dd {
	float:left;
	width:500px;
	margin-bottom:20px;
	margin-left:20px;
}



/*　ーーー　お問合せ　ーーー　*/
table.form {
	width: 100%;
	margin: 20px 0px;
	border-collapse: collapse;
	border-spacing: 0;
  	border: 1px #ccc solid;
}

table.form th {
	width: 180px;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 0 6px 10px;
	border-bottom: 1px #ccc solid;
	text-align: left;
	background: #f1f1f1;
	margin:0;
}
table.form td {
	font-size: 13px;
	padding: 6px 0 6px 10px ;
	border-bottom: 1px #ccc solid;
	background: #fff;
	margin:0;
}
table.form input:focus,
table.form textarea:focus { background:#FFDFE5; }

.form_bt {
	margin: 20px 0 50px 290px;
}

table.form textarea {
	width: 420px;
}
#form_btn { width:660px; text-align:center; }
#form_btn input:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#form_btn input:hoverImg{
 background:none!important;
}


.co_re_h3 {
	font-size:15px;
	margin-bottom:4px;
}
.co_re_p {
	font-size:13px;
	margin-left:12px;
	margin-bottom:40px;
}


#sitemap { margin-top:50px; }
#sitemap h3 {
	font-size:14px;
	border-left:5px solid #09C;
	padding:6px 12px;
}
#sitemap a {
	text-decoration:none;
}
#sitemap ul { margin-bottom: 30px; margin-top:10px; }
#sitemap li {
	padding-left: 24px; padding-top:2px;
	margin-bottom: 6px; margin-left:0px;
	background: url(../sitemap/img/sitemap_mark.gif) no-repeat;
	font-site:13px;
}

#smap_l {
	float:left;
	width:350px;
}
#smap_r {
	float:right;
	width:350px;
}