@charset "utf-8";
/*
Editor:WOOROM.
*/

/* =============================================================
** システム用
============================================================= */

/* =============================================================
** GALLERY STYLE
============================================================= */
#atcGallery
{
	margin: 0;
	padding: 0;
	width: 100%;
}

#atcGallery .category
{
	margin: 0 0 50px 0;
	padding: 0;
}

#atcGallery .subCategory
{
	margin: 0 0 20px 0;
	padding: 0;
}

#atcGallery .worksList{margin-bottom:40px;zoom:1;}
#atcGallery .worksList:after{content:"";display:block;clear:both;}
#atcGallery .worksList li
{
	float:left;
	margin:0 2px 2px 0;
	width: 48px;
	height: 48px;
	overflow: hidden;
}

#atcGallery .angleList{margin-bottom:1px;zoom:1;}
#atcGallery .angleList:after{content:"";display:block;clear:both;}
#atcGallery .angleList li
{
	float:left;
	margin-left:1px;
	width: 79px;
	height: 79px;
	overflow: hidden;
}
#atcGallery .angleList li:first-child{margin-left:0;}
#atcGallery .preview{width:479px;}
#atcGallery .comment{margin-top:8px;}
#atcGallery .comment b{display:block;margin-bottom:8px;}


#atcGallery .article
{
	display: none;
}

#atcGallery .preview img
{
	display: none;
}



/* =============================================================
** お客様の声 STYLE
============================================================= */
div#article_page
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 720px;
	width: 100%;

	color: #fff;

	font-size: 0.8em;
	line-height: 1.2em;

	font-size: 0.9em;
	line-height: 1.2em;
}

div#article_page div.end
{
	clear: both;
}

div#article_page a
{
/*	color: #1bacff;*/
/*	font-weight: bold;*/
}

div#article_page a:link
,div#article_page a:visited
{
/*	color: #1bacff;*/
}

div#article_page a:hover
,div#article_page a:active
{
/*	color: #b3e1f9;*/
}

div#article_page a img
{
	border: 0;
}

div#article_page div.article_list
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

div#article_page div.article_list h2
{
/*
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	border: 0;
	width: 100%;
	height: 70px;
	text-indent: 10px;

	background: url("/img_sys/common/bb_page_title.jpg") no-repeat 0 0;
*/
}


div#article_page div.article_list div.article
{
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
	width: 100%;
	background: url("/img_sys/common/bb_page_body.jpg") repeat-y 0 0;
}

/* under ie6 */
* html div#article_page div.article_list div.article
{
}

div#article_page div.article_list div.article div.start
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 5px;
	background: url("/img_sys/common/bb_page_head.gif") no-repeat 0 0;
}

div#article_page div.article_list div.article div.end
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 55px;
	background: url("/img_sys/common/bb_page_foot.gif") no-repeat 0 0;
}

div#article_page div.article_list div.article div.no_data
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

div#article_page div.article_list div.article div.img
{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	border: 0;
	width: 300px;
}

div#article_page div.article_list div.article div.img div.no_img
{
}

/* under ie6 */
* html div#article_page div.article_list div.article div.img
{
	margin-left: 10px;
}

div#article_page div.article_list div.article div.img img
{
	margin-bottom: 10px;
}

div#article_page div.article_list div.article div.title
{
	margin: 10px auto 10px auto;
	padding: 0;
	border: 0;
	width: 680px;
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: 2px dashed #fff;
}

/* under ie6 */
* html div#article_page div.article_list div.article div.title
{
	margin-top: 0;
}


div#article_page div.article_list div.article div.info
{
	margin: 0 auto 10px auto;
	padding: 0;
	border: 0;
	width: 680px;
	height: 10px;
	line-height: 10px;
	text-align: right;
}

div#article_page div.article_list div.article div.content
{
	margin: 0 0 10px 340px;
	padding: 0;
	border: 0;
	width: 360px;
	overflow: hidden;/* overflow-x: hidden;だと、Safariで縦スクロールが表示されてしまう。 */
}

div#article_page div.article_list div.article div.content_no_img
{
	margin: 0 auto 10px auto;
	padding: 0;
	border: 0;
	width: 680px;
	overflow: hidden;/* overflow-x: hidden;だと、Safariで縦スクロールが表示されてしまう。 */
}


div#article_page div.article_list div.page
,div#atcGallery div.category div.subCategory div.page
{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: left;
/*	color: #000;*/
}

div#article_page div.article_list div.page_top
,div#atcGallery div.category div.subCategory div.page_top
{
	margin: 0 0 20px 0;
}

div#article_page div.article_list div.page_bottom
,div#atcGallery div.category div.subCategory div.page_bottom
{
	margin: 50px 0 10px 0;
}


div#article_page div.article_list div.page .active
,div#atcGallery div.category div.subCategory div.page .active
{
	color: rgb(212,44,16);
	font-weight: bold;
	padding: 8px 6px;
	text-align:center;
	border: 1px solid rgb(255,255,255);
	background-color :rgb(255,255,255);
}

/* under ie6 */
* html div#article_page div.article_list div.page .active
{
	padding: 6px 6px;
}
* html div#atcGallery div.category div.subCategory div.page .active
{
	padding: 6px 6px;
}

div#article_page div.article_list div.page a
,div#atcGallery div.category div.subCategory div.page a
{
/*	color: #333;*/
/*	font-weight: normal;*/
	padding: 8px 6px;
	text-align:center;
	text-decoration: none;
	border: 1px solid rgb(255,255,255);
}

/* under ie6 */
* html div#article_page div.article_list div.page a
{
	padding: 6px 6px;
}
* html div#atcGallery div.category div.subCategory div.page a
{
	padding: 6px 6px;
}

div#article_page div.article_list div.page a:link
,div#article_page div.article_list div.page a:visited
,div#atcGallery div.category div.subCategory div.page a:link
,div#atcGallery div.category div.subCategory div.page a:visited
{
/*	color: #333;*/
	color: rgb(255,255,255);
}

div#article_page div.article_list div.page a:hover
,div#article_page div.article_list div.page a:active
,div#atcGallery div.category div.subCategory div.page a:hover
,div#atcGallery div.category div.subCategory div.page a:active
{
/*	color: #19b552;*/
	color: rgb(212,44,16);
	background-color: rgb(255,255,255);

}

/* 通常表示 */
div#article_page div.article_list_1
{
/*	color: #000;*/
}

div#article_page div.article_list_1 h2
{
/*	background: url("/img_sys/common/bb_page_title_2.jpg") no-repeat 0 0;*/
}

div#article_page div.article_list_1 div.article
{
	margin: 0 0 50px 0;
	padding: 0 0 30px 0;

	margin: 0 0 8px 0;
	padding: 0 0 8px 0;

	background: none;
	border-bottom: 1px dashed #8ec4ce;

	border-bottom:1px solid rgb(255,244,208);
}

/* under ie6 */
* html div#article_page div.article_list_1 div.article
{
}

div#article_page div.article_list_1 div.article div.start
{
	display: none;
}

div#article_page div.article_list_1 div.article div.end
{
	height: 0;
	background: none;
}

div#article_page div.article_list_1 div.article div.no_data
{
}

div#article_page div.article_list_1 div.article div.img
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
	width: 250px;
}

div#article_page div.article_list_1 div.article div.img div.no_img
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 248px;
	height: 148px;
	line-height: 148px;
	text-align: center;
	border: 1px dashed #008cd2;
}

/* under ie6 */
* html div#article_page div.article_list_1 div.article div.img
{
	margin: 0 0 0 7px;
}

div#article_page div.article_list_1 div.article div.img img
{
	margin-bottom: 0;
}

div#article_page div.article_list_1 div.article div.title
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border: 0;
	width: 100%;
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
	border-bottom: 2px dashed #fff;

	background: url("../images/underline.png") repeat-x left bottom;
}

/* under ie6 */
* html div#article_page div.article_list_1 div.article div.title
{
	margin-top: 0;
}


div#article_page div.article_list_1 div.article div.info
{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 10px;
	line-height: 10px;
	text-align: right;
}

div#article_page div.article_list_1 div.article div.content
{
	margin: 0 0 10px 285px;
	padding: 0;
	border: 0;
	width: 320px;
}

div#article_page div.article_list_1 div.article div.content_no_img
{
	margin: 0 auto 10px auto;
	padding: 0;
	border: 0;
	width: 95%;
}

div#article_page div.article_list_1 div.article div.content div.link
{
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	width: 100%;
	text-align: right;
}

div#article_page div.article_list_1 div.article div.response
{
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.6em;
}

div#article_page div.article_list_1 div.article div.response .name
{
	font-weight: bold;
}
div#article_page div.article_list_1 div.article div.response .title
{
	font-weight: bold;
	color: #2c2abf;
}
div#article_page div.article_list_1 div.article div.response a
{
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
	display: block;
}
div#article_page div.article_list_1 div.article div.response a:link
,div#article_page div.article_list_1 div.article div.response a:visited
{
	text-decoration: underline;
}
div#article_page div.article_list_1 div.article div.response a:hover
,div#article_page div.article_list_1 div.article div.response a:active
{
	color: #f00;
	text-decoration: none;
	background-color: #fff0bc;
}



div#article_page div.article_list_1 div.article div.message{font-size:1.1em;line-height: 1.5em;}
div#article_page div.article_list_1 div.article div.message p{padding:4px 0;}
div#article_page div.article_list_1 div.article .client{font-family:"ＭＳ 明朝",serif;}
div#article_page div.article_list_1 div.article .client strong{font-size:1.4em;}

div#article_page div.article_list_1 div.article .return{display:block;margin-top:12px;}
div#article_page div.article_list_1 div.article .read{margin-bottom:32px;}

div#article_page div.article_list_1 div.page
{
}

div#article_page div.article_list_1 div.page .active
{
}

div#article_page div.article_list_1 div.page a
{
}

div#article_page div.article_list_1 div.page a:link
,div#article_page div.article_list_1 div.page a:visited
{
}

div#article_page div.article_list_1 div.page a:hover
,div#article_page div.article_list_1 div.page a:active
{
}

/* シンプル表示 */
div#article_page div.article_list_2
{
	color: #000;
}

div#article_page div.article_list_2 h2
{
	background: url("/img_sys/common/bb_page_title_2.jpg") no-repeat 0 0;
}

div#article_page div.article_list_2 div.article
{
	margin: 0 0 2px 0;
	margin: 0 0 8px 0;
	background: none;
	border-bottom: 1px solid #999;
}

/* under ie6 */
* html div#article_page div.article_list_2 div.article
{
}

div#article_page div.article_list_2 div.article div.start
{
	display: none;
}

div#article_page div.article_list_2 div.article div.end
{
	display: none;
}

div#article_page div.article_list_2 div.article div.no_data
{
}

div#article_page div.article_list_2 div.article div.img
{
}

div#article_page div.article_list_2 div.article div.img div.no_img
{
}

/* under ie6 */
* html div#article_page div.article_list_2 div.article div.img
{
}

div#article_page div.article_list_2 div.article div.img img
{
}

div#article_page div.article_list_2 div.article div.title
{
	margin: 0 0 2px 0;
	padding: 0;
	border: 0;
	width: 100%;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
/*	border-bottom: 2px dashed #fff;*/
}

/* under ie6 */
* html div#article_page div.article_list_2 div.article div.title
{
	margin-top: 0;
}


div#article_page div.article_list_2 div.article div.info
{
	margin: 0 auto 2px auto;
	padding: 0;
	border: 0;
	width: 95%;
	height: 10px;
	line-height: 10px;
	text-align: left;
}

div#article_page div.article_list_2 div.article div.info .date
{}

div#article_page div.article_list_2 div.article div.info .divider
{
	display: none;
}

div#article_page div.article_list_2 div.article div.info .category
{
	display: none;
}

div#article_page div.article_list_2 div.article div.content
{
	margin: 0 auto 5px auto;
	padding: 0;
	border: 0;
	width: 95%;
}

div#article_page div.article_list_2 div.article div.content_no_img
{
	margin: 0 auto 5px auto;
	padding: 0;
	border: 0;
	width: 95%;
}

/* 画像有りの場合 */
div#article_page div.article_list_2 div.article_add_img
{
	min-height: 60px;
	height: auto;
	position: relative;
}
/* under ie6 */
* html div#article_page div.article_list_2 div.article_add_img
{
	height: 60px;
}
div#article_page div.article_list_2 div.article_add_img div.img
{
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100px;
	height: 60px;
	overflow: hidden;

	position: absolute;
	top: 0;
	left: 0;
}
/* under ie6 */
* html div#article_page div.article_list_2 div.article_add_img div.img
{
	margin-left: 0;
}
div#article_page div.article_list_2 div.article_add_img div.img img
{
	margin-bottom: 0;
}
div#article_page div.article_list_2 div.article_add_img div.img a
{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100px;
	height: 60px;
}
div#article_page div.article_list_2 div.article_add_img div.img span
{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #f5f5f5;
	position: absolute;
	bottom: 0;
	right: 0;
}

div#article_page div.article_list_2 div.article_add_img div.title
{
	margin: 0 0 2px 110px;
	padding: 0;
	border: 0;
	width: 500px;
}
div#article_page div.article_list_2 div.article_add_img div.info
{
	margin: 0 0 2px 125px;
	padding: 0;
	border: 0;
	width: 480px;
}
div#article_page div.article_list_2 div.article_add_img div.content
{
	margin: 0 0 5px 125px;
	padding: 0;
	border: 0;
	width: 480px;
}
div#article_page div.article_list_2 div.article_add_img div.content_no_img
{
	margin: 0 0 5px 125px;
	padding: 0;
	border: 0;
	width: 480px;
}




div#article_page div.article_list_2 div.page
{
}

div#article_page div.article_list_2 div.page .active
{
}

div#article_page div.article_list_2 div.page a
{
}

div#article_page div.article_list_2 div.page a:link
,div#article_page div.article_list_2 div.page a:visited
{
}

div#article_page div.article_list_2 div.page a:hover
,div#article_page div.article_list_2 div.page a:active
{
}