@charset "utf-8";

/* Base
---------------------------------------------*/
body {
	text-align: center;
	font-size: 80%;
	color: #666666;
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #74CDF2 url(../images/common/back.gif) repeat-x left top;
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, span {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

img { border: none; vertical-align: bottom; }

a:link    { color: #cbcbcb; text-decoration: none; }
a:visited { color: #cbcbcb; text-decoration: none; }
a:hover   { color: #f23a3a; text-decoration: underline; }
a:active  { color: #f86e6e; text-decoration: none; }


#container {
	margin: 0px auto;
	width: 918px;
	position: relative;
	background: url(../images/top/topbase_body2.gif) repeat-y 0px 50px;
	padding-top:-25px;
}
/* Head
---------------------------------------------*/
#head {
	position: relative;
	width: 918px;
	height: 580px;
	background: url(../images/top/topbase_head2.gif) no-repeat left top;
}
#head h1 {
	font-size: 10px;
	text-align: left;
	position: absolute;
	line-height: 1.3;
	left: 25px;
	top: 32px;
	width: 800px;
	z-index: 5;
}
#head h1 strong {
	font-weight: normal;
}
#head h2 {
	position: absolute;
	left: 19px;
	top: 68px;
	width: 285px;
	z-index: 4;
}
#head .navGlobal {
	width: 880px;
	height: 65px;
	position: absolute;
	left: 19px;
	top: 347px;
	background: #13A4E0;
}
#head .nav {
	width: 99px;
	position: absolute;
	right: 20px;
	top: 30px;
	z-index: 3;
	text-align: right;
}
#head li {
	display: inline;
}

#head .headImage {
	position: absolute;
	width: 324px;
	left: 445px;
	top: 44px;
	z-index: 2;
}

#head #flashhead{
	position:absolute;
	top: 50px;
	right:19px;
	width: 880px;


}


/* TopLayout
---------------------------------------------*/
#contentWrapTop {
	position: relative;
	width: 860px;
	padding: 0px;
	margin: -156px auto 0px;
	text-align: left;
}

/* --ClearFix-- */
#contentWrapTop:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #contentWrapTop {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*-------------- sectionLeft --------------*/
#topContent {
	width: 580px;
	float: left;
	line-height: 1.2;
}

#topContent #windowrep {
	width: 285px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	float: left;
	background: url(../images/top/topw01.gif) no-repeat left top;
	height: 200px;
	margin-left: 0px;
}
#topContent #glassrep {
	width: 285px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	float: left;
	background: url(../images/top/w02.gif) no-repeat left top;
	height: 200px;
}
#topContent #bodycoating {
	width: 285px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	float: left;
	background: url(../images/top/w06.gif) no-repeat left top;
	height: 200px;
	margin-left: 0px;
}

#topContent #carfilm {
	width: 285px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	float: left;
	background: url(../images/top/w05.gif) no-repeat left top;
	height: 200px;
	margin-left: 3px;
}

#topContent #grinding {
	width: 285px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	float: left;
	background: url(../images/top/w03.gif) no-repeat left top;
	height: 200px;
	margin-left: 3px;
}

#topContent #beginner {
	width: 285px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	float: left;
	margin-left: 3px;
	background: url(../images/top/coolw.jpg) no-repeat left top;
	height: 200px;
}

#topContent  .wcomment {
	height: 88px;
	width: 140px;
	position: relative;
	margin-left: 126px;
	margin-top: 84px;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 14px;
}
#topContent  .coolcomment {
	height: 88px;
	width: 140px;
	position: relative;
	margin-left: 20px;
	margin-top: 84px;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 14px;
}
#topContent #newsAndTopics dl {
	border-bottom: 1px dotted #CCCCCC;
}
#topContent .more {
	width: 40px;
	margin-left: 200px;
	margin-top: 3px;
}
#topContent  .wcomment {
	height: 88px;
	width: 140px;
	position: relative;
	margin-left: 126px;
	margin-top: 84px;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 14px;
}

/*---------------------
	  common
----------------------*/
.introduction {
	width: 473px;
	padding-bottom: 30px;
	background:url(../images/top/foot_line.gif) no-repeat left bottom;
}
/* --ClearFix-- */
.introduction:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .introduction {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*------------- 
	comment 
-------------*/
.introComment {
	width: 246px;
	float: right;
	margin: 15px 20px 0px 0px;
	display: inline;
	font-size: 85%;
}
.introComment p {
	text-align: justify;
	text-justify: inter-ideograph;
}
.comment {
	height: 100px;
	overflow: hidden;
}
.introComment .linkDetails {
	margin-right: 5px;
	text-align: right;
}

/*------------- 
	image 
-------------*/
.introImage {
	width: 175px;
	float: left;
	margin-left: 16px;
	padding: 15px 0px 0px 0px;
	display: inline;
}


/*-------------- New and Topics --------------*/
#newsAndTopics,
#column{
	width: 573px;
	padding-bottom: 30px;
	background: repeat-y left top;
	clear: both;
	
}

#newsAndTopics h2,
#column h2{
	padding-bottom: 15px;
	background: url(../images/top/news_line.gif) no-repeat left bottom;
}
#newsAndTopics dt,
#column dt{
	float: left;
	clear: left;
	padding-top: 6px;
	padding-left: 26px;
	background: url(../images/back_news.gif) no-repeat 18px 9px;
	font-size: 10px;
}

#newsAndTopics dd,
#column dd{
	padding-right: 15px;
	padding-left: 96px;
	padding-bottom: 10px;
	padding-top: 5px;
	background: url(../images/top/news_line.gif) no-repeat left bottom;
}
#contentWrapTop #topContent #newsAndTopics #column .new{
	color:#2680cc;

}
#newsAndTopics dd span .link1 a{
    color:#FFCC00;

}
#contentWrapTop #topContent #newsAndTopics span .link2 a{
    color:#FFCC00;

}

#newsAndTopics dd p{
	color: #FFCC00;
}
/*-------------- dairiten --------------*/

.dairiten_image{
     padding:15px;
}

.dairiten {
	width: 573px;
	padding-bottom: 30px;
	background: url(../images/top/news_back.gif) repeat-y left top;
}

/*-------------- sectionRight --------------*/
#topRight {
	width: 258px;
	float: right;
	position: relative;
	padding: 0px 0px 0px 0px;
	line-height: 1.2;
}
#news {
	padding-bottom: 6px;
	background: #414141;
}
#news .customizeBanner {
	padding-left: 6px;
	margin-bottom: 6px;
}
	
#newsout {
	margin: 0px 6px;
	width: 246px;
	background: #414141;
	padding-top: 8px;
}
#newsout #newsflame {
	width: 246px;
	height: 120px;
	scrollbar-base-color: #ffcc00;
}
#newsflame #newsContent {
	padding-top:10px;
	padding-left: 7px;
}
#newsContent dl {
	text-align: left;
	width: 230px;
	margin: 0px 0px 20px;
	font-size: 85%;
	line-height: 1.2;
	color: #FFcc00;
	border-bottom: 1px solid #FFCC00;
}
#newsContent dt {
	font-weight: bold;
	padding: 0px 0px 6px 3px;
	margin-bottom: 3px;
	background: url(../images/top/iframe_line.gif) no-repeat center bottom;
	font-size: 12px;
}
#newsContent dd {
	margin-bottom: 6px;
	padding: 0px 3px 10px;
	background: url(../images/top/iframe_line.gif) no-repeat center bottom;
}




/*-------- banner --------*/
#bannerSection {
	width: 258px;
	padding-bottom: 20px;
	background: url(../images/top/banner_back.jpg) repeat-y left top;
	padding-top: 2px;
}
#bannerSection p {
	margin-top: 1px;
}


/*-------- card --------*/
#cardSection {
	padding-bottom: 1px;
	background: url(../images/top/card_dot.gif) no-repeat bottom left;
}
#cardSection p {
	font-size: 85%;
	color: #8c8c8c;
	padding-bottom: 3px;
} 	
#cardSection table {
	padding-top: 1px;
	background: url(../images/top/card_dot.gif) no-repeat left top;
}



/* footNav
---------------------------------------------*/
#topFootNav {
	width: 860px;
	padding: 10px 0px;
	margin: 0px auto;
	text-align: right;
	background: url(../images/common/foot_dot.gif) no-repeat left top;
}
#topFootNav ul {
	font-size: 85%;
}
#topFootNav li {
	display: inline;
}

/* foot
---------------------------------------------*/
#foot {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	line-height: 1.3;
	font-size: 85%;
	color: #ACEEFF;
	background: url(../images/common/back_foot_line.gif) repeat-x left top;
}
#footContent {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 918px;
	height: 220px;
	text-align: right;
	background: url(../images/common/base_foot.gif) no-repeat left top;
}

#footContent .footLogo {
	position: absolute;
	top: 33px;
	right: 285px;
}



#footContent .address {
	padding: 20px 0px 0px;
	margin: 0px 35px 55px 0px;
	color: #ACEEFF;
}
#footContent .copyright {
	margin: 0px 35px 0px 0px;
	clear: right;
	color: ACEEFF;
}
#newsAndTopics a,
#column dd a {
	color: #2680CC;
	text-decoration: underline;
}

/* column
-------------------------------------------------------------------------*/

.column_text{
	width : 540px;
	padding : 20px;
	font-size : 14px;
	letter-spacing : 1px;
	line-height : 170%;
}

.column_text h2{
	width : 530px;
	margin : 5px 10px 30px 0;
	font-size : 17px;
	text-indent : 5px;
	border-left : 3px solid #ccc;
	border-bottom : 1px solid #ccc;
}

.column_text blockquote{
	width : 500px;
	padding : 10px;
	margin : 15px 10px 30px 0;
	border : 2px dotted #ccc;
}

/* Feed
-------------------------------------------------------------------------*/
#cardSection{
	width : 228px;
	height : 130px;
	padding : 60px 15px 10px;
	background : url(../images/top/blogList_bg.gif);
}

ul.rss-items li.rss-item{
	margin-bottom : 5px;
}

ul.rss-items li.rss-item a{
	color : #a33;
}
/* 代理店様バナー 追加170802
-------------------------------------------------------------------------*/
.sun-coattect{
	background: url(../images/top/sun_coattect_banner.jpg) no-repeat left top;
	width: 860px;
	height: 127px;
	margin-bottom:10px;
	box-sizing: border-box;
}
.sun-coattect a:hover{
	opacity: 0.8;
}
.sun-coattect .suntect{
	margin-left:355px;
	margin-top:10px;
	margin-right: 20px;
	display: inline-block;
}
.sun-coattect .coattect{	
	margin-top:10px;
	display: inline-block;
}