@charset "utf-8";

body {
	line-height:150%;
	font-size:80%;
	color:#333;
	font-family:Verdana, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#FFFFFF;
	text-align:center;
	margin:0;
	padding:0;
}
*:first-child+html body {font-family: "メイリオ", Verdana, sans-serif, "ＭＳ Ｐゴシック";}

div, p, ul, li, dl, dt, dd, h1, h2, h3, table {margin:0;padding:0;}
ul, li {list-style:none;}
table, th, td {font-size:100%;}
img {border:0;margin:0;}

a { color: #000000;text-decoration:none;}

a:hover {color: #666666;text-decoration:underline;}

.alignleft {float:left;margin:0 10px 20px 0;}
.alignright {float:right;margin:0 0 10px 10px;}
.invisible {visibility:hidden;}
.block {display:block;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.font_10 {font-size:10px;}
.font_bold {font-weight:bold;}
.t_center {text-align:center;}
.lh_200 {line-height:200%;}
.lh_150 {line-height:150%;}
.m_top_10 {margin-top:10px;}
.m_top_10 {margin-top:10px;}
.m_bottom_10 {margin-bottom:10px;}
.m_bottom_20 {margin-bottom:20px;}
.m_right_10 {margin-right:10px;}
.m_right_12 {margin-right:12px;}
.m_left_20 {margin-left:20px;}
.p_top_10 {padding-top:10px;}
.p_top_20 {padding-top:20px;}
.p_10 {padding:10px 0;}
.p_5 {padding:5px;}
.p_3 {padding:3px;}
.w_100 {width:100px;}
.w_130 {width:130px;}
.w_200 {width:200px;}
.w_220 {width:220px;}
.w_300 {width:300px;}
.h_50 {height:50px;}
.red {color:#CC3333;}

#container {
	width:100%;
}
.container_top {background:url(images/bg_container_top.gif) repeat-x top;}
.container_sub {background:url(images/bg_container.gif) repeat-x top;}
#container_in {
	width:100%;
	background:url(images/bg_container_in.gif) repeat-x bottom;
}
#content_container {
	width:899px;
	border-right:1px #CCCCCC solid;
	border-left:1px #CCCCCC solid;
	margin:0 auto;
}
/* トップページ */

#header_top {
	width:100%;
	height:452px;
}

#main_top {
	width:100%;
}

#content_top {
	width:852px;
	margin:0 auto;
	text-align:left;
	padding:0 0 10px 0;
}
#top_left {
	width:516px;
	float:left;
	padding:10px 0;
}
#top_right {
	width:310px;
	float:right;
	padding:10px 0;
}
#top_right img {margin:0 0 2px 0;}
#news {background:url(images/top_news.gif) no-repeat top;padding:20px 0 0 0;}
#media {background:url(images/top_media.gif) no-repeat top;padding:20px 0 0 0;}
#news h2, #media h2 {text-indent:-9999px;}
.more_info {display:block;width:80px;height:20px;float:right;text-indent:-9999px;}
#news_content {width:516px;height:120px;background:#F2F2F2;}
#media_content {width:516px;height:200px;background:#F2F2F2;overflow:auto;padding:0 0 6px 0;}
#news_content ul {padding:10px;line-height:180%;}
#media_content p {padding:4px 10px 0 10px;line-height:180%;}
#media_content p img {float:left;margin:0 6px 6px 0;}

/* サブページ */

#header {
	width:100%;
	height:120px;
}
.company {background:url(images/header_company.gif);}
.gallery {background:url(images/header_gallery.gif);}
.blog {background:url(images/header_blog.gif);}
.news {background:url(images/header_news.gif);}
.media {background:url(images/header_media.gif) no-repeat;}
.reservation {background:url(images/header_reservation.gif);}
.factory {background:url(images/header_factory.gif);}

#header h1 a {
	display:block;
	width:110px;
	height:110px;
	float:left;
	margin:0 0 0 30px;
	text-indent:-9999px;
}
* html #header h1 a {margin:0 0 0 10px;}
#navi {display:block;float:right;}
#navi li {
	display:block;
	float:left;
	height:38px;
	margin:0 0 0 4px;
}
.w_80 {width:80px;}
.w_100 {width:100px;}
.w_150 {width:150px;}
.company_news a:hover {background:url(images/company_news_hover.gif);}
.company_media a:hover {background:url(images/company_media_hover.gif);}
.company_reservation a:hover {background:url(images/company_reservation_hover.gif);}
.company_factory a:hover {background:url(images/company_factory_hover.gif);}
.company_company a:hover {background:url(images/company_company_hover.gif);}
.company_blog a:hover {background:url(images/company_blog_hover.gif);}

.news_news a:hover {background:url(images/news_news_hover.gif);}
.news_media a:hover {background:url(images/news_media_hover.gif);}
.news_reservation a:hover {background:url(images/news_reservation_hover.gif);}
.news_factory a:hover {background:url(images/news_factory_hover.gif);}
.news_company a:hover {background:url(images/news_company_hover.gif);}
.news_blog a:hover {background:url(images/news_blog_hover.gif);}

.media_news a:hover {background:url(images/media_news_hover.gif);}
.media_media a:hover {background:url(images/media_media_hover.gif);}
.media_reservation a:hover {background:url(images/media_reservation_hover.gif);}
.media_factory a:hover {background:url(images/media_factory_hover.gif);}
.media_company a:hover {background:url(images/media_company_hover.gif);}
.media_blog a:hover {background:url(images/media_blog_hover.gif);}

.reservation_news a:hover {background:url(images/reservation_news_hover.gif);}
.reservation_media a:hover {background:url(images/reservation_media_hover.gif);}
.reservation_reservation a:hover {background:url(images/reservation_reservation_hover.gif);}
.reservation_factory a:hover {background:url(images/reservation_factory_hover.gif);}
.reservation_company a:hover {background:url(images/reservation_company_hover.gif);}
.reservation_blog a:hover {background:url(images/reservation_blog_hover.gif);}

.factory_news a:hover {background:url(images/factory_news_hover.gif);}
.factory_media a:hover {background:url(images/factory_media_hover.gif);}
.factory_reservation a:hover {background:url(images/factory_reservation_hover.gif);}
.factory_factory a:hover {background:url(images/factory_factory_hover.gif);}
.factory_company a:hover {background:url(images/factory_company_hover.gif);}
.factory_blog a:hover {background:url(images/factory_blog_hover.gif);}

.company_news a:hover {background:url(images/company_news_hover.gif);}
.company_media a:hover {background:url(images/company_media_hover.gif);}
.company_reservation a:hover {background:url(images/company_reservation_hover.gif);}
.company_factory a:hover {background:url(images/company_factory_hover.gif);}
.company_company a:hover {background:url(images/company_company_hover.gif);}
.company_blog a:hover {background:url(images/company_blog_hover.gif);}

.blog_news a:hover {background:url(images/blog_news_hover.gif);}
.blog_media a:hover {background:url(images/blog_media_hover.gif);}
.blog_reservation a:hover {background:url(images/blog_reservation_hover.gif);}
.blog_factory a:hover {background:url(images/blog_factory_hover.gif);}
.blog_company a:hover {background:url(images/blog_company_hover.gif);}
.blog_blog a:hover {background:url(images/blog_blog_hover.gif);}

.photo_news a:hover {background:url(images/photo_news_hover.gif);}
.photo_media a:hover {background:url(images/photo_media_hover.gif);}
.photo_reservation a:hover {background:url(images/photo_reservation_hover.gif);}
.photo_factory a:hover {background:url(images/photo_factory_hover.gif);}
.photo_company a:hover {background:url(images/photo_company_hover.gif);}
.photo_blog a:hover {background:url(images/photo_blog_hover.gif);}

#navi li a {
	display:block;
	width:100%;
	height:38px;
	text-indent:-9999px;
}
#contact {
	display:block;
	width:230px;
	height:26px;
	float:right;
	margin:52px 20px 0 0;
	text-indent:-9999px;
}
#main {
	padding:26px 0 0 0;
}

#content {
	text-align:left;
}
#content_left {
	width:155px;
	float:left;
	margin:0 0 0 15px;
	padding:20px 0;
}

#content_left1 {
	width:155px;
	float:left;
	margin:0 0 0 0px;
	padding:20px 0;
}

#content_left1 img{
	padding-top: 10px;}


* html #content_left {margin:0 0 0 7px;}

#content_left ul li {
	background:url(images/li_side.gif) no-repeat left top;
	padding:0 7px 0 18px;
	margin:0 0 15px 0;
	font-size:14px;
}
.box {padding:20px 0 0 0;}
.box h2 {font-size:14px;}
#content_right {
	width:690px;
	float:right;
	margin:0 5px 0 0;
	border-left:1px #CCCCCC solid;
	padding:20px 0 20px 12px;
}
* html #content_right {width:670px;}
#title {width:690px;height:70px;}
#title h1 {text-indent:-9999px;}
.title_company {background:url(images/title_company.gif) no-repeat top;}
.title_reservation {background:url(images/title_reservation.gif) no-repeat top;}
.title_factory {background:url(images/title_factory.gif) no-repeat top;}
.title_news {background:url(images/title_news.gif) no-repeat top;}
.title_media {background:url(images/title_media.gif) no-repeat top;}

#content_right p {
	line-height:200%;
	padding:10px 10px 10px 2px;
}
#content_right h2 {
	clear:both;
	background:url(images/bg_h2.gif) no-repeat left;
	font-size:14px;
	padding:0 0 0 20px;
}
#content_right h3 {
	font-size:12px;
	padding:16px 0 0 0;
}
.post {margin:0 0 20px 0;}
.entry {margin:0 0 0 20px;padding:10px 0;}
.entry a {text-decoration:underline;}

/* ブログ ギャラリー */
#content_blog {
	width:100%;
	margin:0 auto;
	padding:20px 0 10px 0;
}
#title_blog {width:872px;height:60px;margin:0 auto;}
#title_blog h1 {text-indent:-9999px;}
.title_blog {background:url(images/title_blog.gif);}
.title_gallery {background:url(images/title_gallery.gif);}

#blog_list {
	width:850px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:left;
}
.blog_block {
	width:273px;
	border:1px #CCCCCC solid;
	float:left;
}
.blog_block img {margin:3px 0 4px 4px;}
.blog_block h2 {
	background:url(images/bg_h2.gif) no-repeat left;
	height:24px;
	font-size:12px;
	padding:2px 0 0 14px;
	margin:0 0 0 2px;
}
.blog_detail {
	width:240px;
	height:76px;
	overflow:hidden;
	margin:0 0 0 15px;
	font-size:10px;
	line-height:180%;
}
.srssfetcher {
	height:72px;
	background:#CCCCCC;
	padding:5px 0 0 0;
}
.srssfetcher-item {
	height:22px;overflow:hidden;
	margin:0 3px 0 8px;
	font-size:10px;
}
.srssfetcher-timestamp {color:#666666;margin:0 6px 0 0;}

.btn_box {
	width:165px;
	height:30px;
	float:left;
	text-align:center;
	padding:10px 0;
}
.photo_box {
	width:165px;
	height:180px;
	float:left;
	text-align:center;
	padding:10px 0;
}
.photo_box dl {width:160px;margin:0 0 0 20px;}
.photo_box dt {float:left;}
.photo_box dd {float:left;text-align:left;}

#page_navi {text-align:right;width:90%;}
.to_page {
 clear:both;
 text-align:center;
 padding:6px 0;
}

/* フォーム */
#form_table {
	width:90%;
	margin:0;
 	padding:0;
 	text-align:left;
	border-collapse:collapse;
}
#form_table th {
	width:30%;
	padding:3px 6px;
}
#form_table td {
	padding:3px;
}
#form_table, #form_table th, #form_table td {
	border:1px #999999 solid;
}
#form_table input, #form_table textarea {border:1px #CCCCCC solid;padding:2px;}
.input_80 {width:80%;}
.input_98 {width:98%;}
.input_60 {width:60%;}
#form_table textarea {width:98%;}
.check_block .wpcf7-list-item {display:block;margin:3px 0;}
#send {width:106px;height:30px;background:url(images/btn_send.png);border:none;}

/* 縫製工場 */
.kengaku {
	width:200px;
	height:355px;
	float:left;
	border:1px #444444 solid;
	line-height:120%;
}

/* フッター */

#footer {
	width:100%;
	height:97px;
	margin:0;
	padding:0;
	text-align:left;
}
#foot_content {
	width:876px;
	font-size:10px;
	padding:10px 0 0 0;
	margin:0 10px;
}
#foot_content a {background:url(images/foot_a.gif) no-repeat left;margin:0 30px 0 0;padding:0 0 0 18px;}

/* クリアフィックス */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}