@charset "UTF-8";

/*----- reset -----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline;}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

html{overflow-y: scroll;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{margin: 0; padding: 0;}

ol,ul,li,dl,dt,dd{list-style:none; margin:0; padding:0;}

table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
 
a:focus {outline:none;}
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 .clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.fLeft {float:left;}
.fRight {float:right;}
.clear{clear:both;}

.sp_view {display:none;}
.cx_smartphoneview .sp_view {display:inline;}

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:15px;line-height:1.7;color: #444444;text-align:left; -webkit-text-size-adjust: 100%;  background-color:#f7f7f7;
}

#fp-wrap {
	background:url(../img/bg.gif) repeat-x left top;
	background-color:#f7f7f7;
}

#jishin {
	padding:0 10px;
}

#jishin h1 {
	height:64px;
	margin-top:35px;
}

#jishin #pageNav {
	margin:20px 0 15px;
}

#jishin #pageNav li {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Helvetica,Arial,Verdana,sans-serif;
	font-size:16px;
	background:url(../img/link_icon.png) no-repeat left 0.5em;
	padding-left:16px;
	margin:0 0 7px 0;
	float:left;
}

#jishin #pageNav li:nth-child(1),#jishin #pageNav li:nth-child(3) {
	margin:0 30px 7px 0;
}

#jishin #pageNav li a {
	color:#393939;
	text-decoration:none;
	font-weight:bold;
}

#jishin #pageNav li a:hover {
	color:#fcbe52;
}

#jishin .block {
	background-color:#FFF;
	border-top:solid 10px #dfd6c7;
	padding:20px 30px 30px;
	margin-bottom:30px;
}

#jishin .block h2 {
	border-bottom:solid 1px #e6e5dc;
	padding-bottom:15px;
	margin-bottom:20px;
}

#jishin #contents01 img {
	margin-left:10px;
}

#jishin #contents03 dl {
	margin-bottom:10px;
}
#jishin #contents03 dt {
	color:#8c8040;
	font-weight:bold;
}

#jishin #contents03 span {
	color:#8c8040;
}

#jishin #contents04 .knowledge {
	background:#fcfaf0;
	border:solid 1px #f9f4d9;
	padding:10px;
	margin-bottom:10px;
}

#jishin #contents04 .knowledge dt {
	background-color:#feb638;
	text-align:center;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding-top:3px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#jishin #contents04 .knowledge .txt {
	color:#e31919;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:7px;
}

#jishin #contents04 .knowledge .source {
	font-size:12px;
	text-align:right;
}

#jishin #contents04 .example {
	margin-bottom:20px;
}

#jishin #contents04 .ex_01 {
	background:url(../img/contents04_img.png) no-repeat left bottom;
	padding-bottom:120px;
	margin-top:20px;
}

#jishin #contents04 .ex_03 {
	background:url(../img/contents04_img02.png) no-repeat left bottom;
	padding-bottom:120px;
}

#jishin #contents04 .ex_05 {
	background:url(../img/contents04_img03.png) no-repeat right bottom;
	padding-bottom:80px;
}

#jishin #contents04 .example dt {
	color:#8c8040;
	font-weight:bold;
	border:solid 1px #bfb479;
	padding:2px 20px 0;
	margin-bottom:15px;
}

/*-------------
smartphone
-------------*/
body.cx_smartphoneview {
	font-size:22px;
}

.cx_smartphoneview #jishin {
	padding:0 20px;
}

.cx_smartphoneview #jishin #pageNav li {
	font-size:24px;
	background:url(../img/link_icon.png) no-repeat left 0.75em;
	float:none;
}

.cx_smartphoneview #jishin #contents04 .knowledge dt {
	font-size:24px;
}

.cx_smartphoneview #jishin #contents04 .knowledge .txt {
	font-size:24px;
}

.cx_smartphoneview #jishin #contents04 .knowledge .source {
	font-size:18px;
}

.cx_smartphoneview #jishin .block {
	padding:20px 20px 30px;
}


/* fp-ohp-customcss */
#fp-bhp.fpbhp-pc .contblock h2{
	color:#ffffff;
	background-color:#3d3d3d;
	border-color:#3d3d3d;
}