@charset "utf-8";
@import "reset-min.css";
@import "fonts-min.css";

/* ////////////////////////////////////
[clearfix]
//////////////////////////////////// */
.clearfix, .FloatWrap {
	display: block;
	min-height: 1%;
}
.clearfix:after, .FloatWrap:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix, * html .FloatWrap {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* ////////////////////////////////////
[common]
//////////////////////////////////// */

/* Font */
body,select,input,button,textarea {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
*:first-child+html body {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
body .fontMin {
	font-family: "RyuminL-KL","リュウミン","Times New Roman",Times,Garamond,"ＭＳ Ｐ明朝","MS PMincho","MS Georgia",serif;
}

/* ------------------------------------
	tag
------------------------------------ */
html {
	background-color: #FAFAFA;
	overflow-y: scroll;
	height:100%;
}
body {
	height:100%;
	color: #000;
	text-align: center;
	line-height: 1.5;
}

a:link { color: #1F87CA; text-decoration: underline; }
a:visited { color: #1F87CA; text-decoration: underline; }
a:hover { color: #1F87CA; text-decoration: none; }
a:active { color: #1F87CA; text-decoration: none; }
.LinkNoLine a:link, .LinkNoLine a:visited { text-decoration: none; }
.LinkNoLine a:hover, .LinkNoLine a:active { text-decoration: underline; }
#Header a { color: #142e9c; }

img { vertical-align: top; }
.Fleft { float: left; }
.Fright { float: right; }
.Fclear { clear: both; }

.TextLeft { text-align: left; }
.TextCenter { text-align: center; }
.TextRight { text-align: right; }

.PageTop { clear: both; }


/* IE7 */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

.button,
.overOpacity,
.rollover 
.external,
.scrollTop {}

/* ------------------------------------
	Margin
------------------------------------ */
.mt00 { margin-top: 0px!important; }
.mt05 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }

.mb00 { margin-bottom: 0px!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }


/* ////////////////////////////////////
[BlogCode]
//////////////////////////////////// */
.BlogCode {}

.BlogCode strong, .BlogCode b { font-weight: bold; }
.BlogCode em, .BlogCode i { font-style: italic; }
.BlogCode del { text-decoration: line-through; }

.BlogCode p,
.BlogCode ul,
.BlogCode ol,
.BlogCode table,
.BlogCode blockquate {
	margin-top: 1em;
}

.BlogCode ul,
.BlogCode ol {
	margin-left: 1.5em;
}
.BlogCode ul li,
.BlogCode ol li {
	list-style-position: outside;
}
.BlogCode ul li {
	list-style-type: disc;
}
.BlogCode ol li {
	list-style-type: decimal;
}

.BlogCode th,
.BlogCode td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	line-height: 1.46;
}
.BlogCode th {
	white-space: nowrap;
	font-weight: bold;
}


/* ////////////////////////////////////
[Layout]
//////////////////////////////////// */


/* ////////////////////////////////////
[TopArea]
//////////////////////////////////// */
#TopArea {
	background: #FFF url(../images/hd_gnavi_bg.png) repeat-x 0px 78px;
}

#SecondNavi {
	background: url(../images/subnavi_bg.gif) no-repeat left top;
	width: 982px; height: 36px;
	margin: 15px auto 0;
}
#SecondNavi li {
	float: left;
	font-size: 15px;
	border-right: solid 1px #B4B4B4;
	line-height: 36px;
}
#SecondNavi li.Last {
	border-right: none;
}
#SecondNavi li a {
	display: block;
	height: 36px;
}
#SecondNavi li a:link, #SecondNavi li a:visited { color: #333; }


#TopicPath {
	text-align: left;
	font-size: 77%;
	width: 980px;
	margin: 0px auto 15px;
	padding-top: 10px;
	color: #1F87CA;
	}

#VisualTitle {
	background: url(../images/head_visual_bg.png) repeat-x left bottom;
}


/* ////////////////////////////////////
[Header]
//////////////////////////////////// */
#Header {
	position: relative;
	width: 1004px; height: 175px;
	margin: 0 auto;
	text-align: left;
}
#Logo {
	position: absolute;
	top: 21px; left: 364px;
	width: 274px; height: 154px;
	z-index: 10;
}
#GlobalNavi {
	background: url(../images/hd_gnavi.png) no-repeat left top;
	position: absolute;
	top: 78px; left: 0px;
	width: 1004px; height: 95px;
	z-index: 1;
}
#GlobalNavi li {
	position: absolute;
	top: 13px;
	height: 69px; width: 120px;
	z-index: 5;
}
#GlobalNavi li a {
	display: block;
	background-image: url(../images/hd_gnavi_menu.png);
	background-repeat: no-repeat;
	height: 69px;
	text-indent: -9999px;
}
#GlobalNavi li.HM01 { left: 12px; }
#GlobalNavi li.HM01 a { background-position: 0px 0px; }
#GlobalNavi li.HM02 { left: 132px; }
#GlobalNavi li.HM02 a { background-position: -120px 0px; }
#GlobalNavi li.HM03 { left: 252px; }
#GlobalNavi li.HM03 a { background-position: -240px 0px; }
#GlobalNavi li.HM04 { left: 630px; }
#GlobalNavi li.HM04 a { background-position: -618px 0px; }
#GlobalNavi li.HM05 { left: 750px; }
#GlobalNavi li.HM05 a { background-position: -738px 0px; }
#GlobalNavi li.HM06 { left: 870px; width: 122px; }
#GlobalNavi li.HM06 a { background-position: -858px 0px; width: 122px; }
#SubNavi {
	padding: 10px 21px;
}
#SubNavi li {
	float: right;
	margin-left: 15px;
}
#Search {
	clear: both;
	width: 232px; height: 21px;
	margin: 10px 0 0 750px;
	vertical-align: top;
}
#Search .cse .gsc-control-cse,
#Search .gsc-control-cse {
	margin: 0; padding: 0;
}
#Search input.gsc-input {
	font-size: 12px;
}

/*
#Search {
	clear: both;
	width: 232px; height: 21px;
	margin: 10px 0 0 750px;
}
#Search .InputArea,
#SearchSecond .InputArea {
	float: left;
	background: #FFF url(../images/hd_search_bg.gif) no-repeat left top;
	width: 160px; height: 21px;
	padding-left: 23px;
}
#Search .InputArea input,
#SearchSecond .InputArea input {
	background: transparent;
	margin: 0; padding: 0;
	border: none; outline: none;
	width: 160px; height: 21px;
	font-size: 12px; color: #CCC;
}
#Search .SumitBtn,
#SearchSecond .SumitBtn {
	float: right;
	width: 49px; height: 21px;
}
*/


/* ////////////////////////////////////
[Contents]
//////////////////////////////////// */
#Contents {
	width: 980px;
	margin: 15px auto 0;
}

#Main {
	float: left;
	width: 710px;
}
#Side {
	float: right;
	width: 250px;
}


/* ////////////////////////////////////
[Column2]
//////////////////////////////////// */
#Column2 {
	width: 980px;
}
#Column2 .Block {
	width: 470px;
	margin-top: 20px;
	text-align: left;
}
#Column2 dt .vMiddle {
	vertical-align: middle;
}



/* ////////////////////////////////////
[Footer]
//////////////////////////////////// */
#Footer {
	clear: both;
	width: 988px;
	margin: 30px auto 0;
}
#Footer .FloatWrap {
	position: relative;
	width: 980px;
	margin: 0px 4px 28px 4px;
}
#Footer .FloatWrap p.PageTop {
	float: right;
	width: 124px; height: 30px;
	margin: 0; padding: 0;
	vertical-align: top;
	overflow: hidden;
}

#LinkList {
	width: 988px;
	background: url(../images/ft_bg_top.gif) no-repeat left top;
	padding-top: 20px;
	text-align: left;
	margin-bottom: 15px;
}
#LinkList .FrameBottom {
	background: url(../images/ft_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
}
#LinkList .FrameMiddle {
	background: url(../images/ft_bg_middle.gif) repeat-y left top;
}
#LinkList .Column {
	float: left;
	/*
	width: 195px;
	*/
	width: 247px;
}
#LinkList .Column a {
	color: #000;
}
#LinkList .Column dl {
	/*
	padding-left: 50px;
	padding-right: 15px;
	*/
	padding-left: 32px;
	padding-right: 15px;
}
#LinkList .Column dl dt {
	font-weight: bold;
	font-size: 108%;
}
#LinkList .Column dl dd ul {
	margin-top: 5px;
}
#LinkList .Column dl dd li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 1.5em;
	margin-bottom: 2px;
}

#Footer .FloatWrap dl {
	float: left;
	width: 490px;
	font-size: 108%;
	text-align: left;
}
#Footer .FloatWrap dl dt {
	font-weight: bold;
}
#Footer .FloatWrap address {
	float: right;
	width: 490px;
	text-align: right;
}

/* Social */
#Social {
	float: left;
	width: 710px;
	text-align: left;
	overflow: hidden;
}
#Social li {
	display: inline-block;
	vertical-align: top;
}
#Social li#BTfb {
	margin-right: 30px;
}


/* ////////////////////////////////////
[FloatBnr]
//////////////////////////////////// */
#FloatBnr {
	position: fixed;
	top: 28px; right: 0px;
	width: 68px; height: 330px;
	z-index: 100;
}


/* ////////////////////////////////////
[SideMenu]
//////////////////////////////////// */
#Side .SideMenu,
#Side #brogPartsCategory {
	width: 250px;
	border-radius: 5px;
	border: solid 1px #CCC;
	background-color: #FFFBEE;
	padding: 2px 0;
	margin-top: 46px;
}
#Side .SideMenu li,
#Side #brogPartsCategory li {
	width: 234px;
	text-align: left;
	border-radius: 5px;
	border: solid 1px #CCC;
	background-color: #FAFAFA;
	background-image: url(../images/side_menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin: 4px auto;
}
#Side .SideMenu li a,
#Side #brogPartsCategory li a {
	display: block;
	padding: 15px 5px 15px 17px;
}
#Side .Bnr,
#Side #brogPartsCategory .Bnr {
	text-align: center;
	padding: 0;
	margin: 15px 0 0 0;
}
#Side .BnrBlock {
	margin-top: 30px;
}
#Side .BnrBlock dt {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	border-bottom: solid 2px #1480ca;
}

/* ////////////////////////////////////
[Module]
//////////////////////////////////// */

/* Title */
#Contents .Title {
	text-align: left;
	margin-bottom: 15px;
	}
#Contents .SubTitle {
	text-align: left;
	margin-bottom: 15px;
	background-color: #FAFAFA;
	padding: 10px;
	border-radius: 5px;
	font-size: 153.9%;
	color: #999;
	}
#Contents .TextTitle {
	background-position: left top;
	background-repeat: no-repeat;
	width: 960px; height: 40px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	color: #FFF;
}
#Contents .TitleUnderLine {
	background: url(../images/title_underline.gif) no-repeat left bottom;
	font-size: 138.5%;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
#Contents .TitleHead {
	background: url(../images/title_head.png) no-repeat left top;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	vertical-align: top;
	padding-left: 12px;
	text-align: left;
	margin-bottom: 15px;
}
#Contents .TitleHead img {
	vertical-align: top;
}

/* Frame */
#Contents .BaseNoFrame {
	padding: 5px 20px;
	text-align: left;
}
#Contents .BaseFrame {
	border-radius: 5px;
	border: solid 1px #CCC;
	background-color: #FFF;
	padding: 5px 20px;
	text-align: left;
}
#Contents .BaseFrame p, #Main .BaseNoFrame p,
#Contents .BaseFrame th, #Main .BaseNoFrame th,
#Contents .BaseFrame td, #Main .BaseNoFrame td {
	margin: 1em 0;
	font-size: 116%;
}
#Contents .BaseFrame .Fright img, #Main .BaseNoFrame .Fright img {
	margin: 0 0 1em 20px;
}
#Contents .BaseFrame .Fleft img, #Main .BaseNoFrame .Fleft img {
	margin: 0 1em 20px 0;
}
	
/* Q and A */
#Contents .QA {}
#Contents .QA dt,
#Contents .QA dd {
	font-size: 116%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 28px;
}
#Contents .QA dt {
	background-image: url(../images/icon_q.gif);
	color: #3EBA7B;
	font-weight: bold;
	margin: 1em 0;
}
#Contents .QA dd {
	background-image: url(../images/icon_a.gif);
	margin: 0 0 2em;
}

	
/* LinkList */
#Contents .LinkList {}
#Contents .LinkList li,
#Contents .LinkList dt,
#Contents .LinkList dd {
	font-size: 116%;
}
#Contents .LinkList .Block {
	margin: 2em 0;
}
#Contents .LinkList dt {
	color: #1F87CA;
}
#Contents .LinkList dd {
	margin-bottom: 1em;
}

/* PageNavi */
#Contents .PageNavi {}
#Contents .PageNavi .PagePrev { text-align: left; }
#Contents .PageNavi .PageNext { text-align: right; }
#Contents .PageNavi .PagePrev a {
	background: url(../images/icon_prev.gif) no-repeat left center;
	padding-left: 20px;
}
#Contents .PageNavi .PageNext a {
	background: url(../images/icon_next.gif) no-repeat right center;
	padding-right: 20px;
}


#Contents p.pageTop{
	text-align:right;
	background-image: url(../images/icon_pagetop.gif);
	background-repeat: no-repeat;
	background-position: right 0.1em;
	margin: 1em 0 2em;
	padding-right:25px;
	font-size:100%;
}


/* ////////////////////////////////////
[Error]
//////////////////////////////////// */
#Error #TopArea h2 {
	padding: 50px 0 50px;
}


/* ////////////////////////////////////
[Info 2nd opinion]
//////////////////////////////////// */
.SecondInfo {
	display: inline-block;
	background-color: rgba(252,137,169,1.00);
	color: #FFF;
	border-radius: 5px;
	padding: 10px 15px;
	margin-top: 5px
}
.SecondInfo a {
	font-weight: bold;
	color: inherit;
}
#Contents .BaseFrame p.SecondInfo {
	margin-top: 0px;
}
#Footer .SecondInfo {
	background-color: #CCC;
	color: #000;
	padding: 5px 10px;
}