﻿html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:transparent;
	color:#000;
	padding:0.5em 0;
	width:336px;
	margin:0 auto;
}

mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #a8a8a8;
	margin:1em 0;
	padding:0;
}

h1, h2, h3, .recommend, .midashi,.hdimg {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

ul { list-style-type:none; padding:0; margin:0 0 0 0.5em; line-height:1.6em; }
li { margin:0; padding:0; list-style-position:outside; }
.top li, .notbl li { text-indent:0.5em; margin:0.25em 0 0.25em -0.75em; padding:0 0.5em; list-style:disc inside; }

/* body */
body { line-height:2em; margin:0 auto; max-width:960px; }
a { color: #0044CC; }

#wrapper { max-width:1000px; background-color:#fff; padding:8px 12px; margin:0 auto; }
.areaA { color:#222222; width:100%; }
.colx { float:right; width:48.25%; }
.coly { float:left; width:48.25%; }

footer { padding:0 0 1em 0; }

/* menu area */
#sb-site { background-color:#fbfbfb !important; }
nav ul { list-style:none; }
nav li{ padding-left:0.3em; line-height:1.8em; } 
.list1 { padding-top:12px; }

/* header */
.menuicon { width:40px; height:40px; }
.hdimg { width:234px; height:40px; }
.hdimg a:hover { background-color:rgba(255,255,255,0); }

/* title */
h1 { margin:0.25em 0 0.8em 0; padding:0.5em 0 0.5em 0.5em; font-size:large; background:#ffbdcd; font-weight:bold; color:#FFFFFF; }
h2,.midashi { margin:1em 0 0.75em 0; padding:0 0 0 0.5em; font-size:large; background:#ffbdcd; font-weight:bold; }
h3 { margin:0.75em 0 1em 0; padding:0.1em 0.25em 0.2em 0.25em; font-size:large; background:#ffbdcd; display:inline; }

/* column */
#headx { float:left; padding-top:12px; height:40px; }
#heady { float:right; padding-top:12px; height:40px; }

.areaB { width:100%; margin:1.4em 0 0.8em 0; border:0px solid #ea5506; border-top:0; border-bottom:0; }
  .cols { float:left; width:824px; }
    .colm { float:right; width:640px; background-color:#fff; }
    .coln { float:left; width:160px; text-align:center; padding-top:0em; background:#666; }
  .colt { float:right; width:160px; text-align:center; padding-top:0em; }

.colz { float:right; width:632px; margin:2em 0 1em 0;}
  .colp { float:left; width:300px; }
  .colq { float:right; width:300px; }

.clear { clear:both; }  
.clear hr { display:none; }

/* image */
.imgfb2 { width:144px; height:144px; }
.imgsns2 .imgfb2 { width:160px; height:160px; }

/* text */
.fonts { font-size:small; }
.idt { text-indent:1em; }
.midashi { margin:20px 0 12px 0; }
.top .midashi { margin-bottom:0; }
.idtx { padding-left:0.25em; display:inline; }
.txtt { padding-left:0.5em; line-height:1.5em; margin:0.75em 0; }
.txta { padding:0.2em 0; background:#ffffff; line-height:1.2em; margin:0 0 0 0.5em; }
.txtb { padding:0.6em 0; background:#ffffff; line-height:1.2em; }
.txtc { padding:0 0.5em; margin:0 0 1em 0; }
.txtd { padding:0.5em 2em 0.25em 0em; line-height:2em; margin:0.5em 0; }
.lst { line-height:2.25em; padding:0 0.8em 0 1.0em; }
.tbl { line-height:1.5em; vertical-align:middle; }

/* div */
.sbox { width:48%; max-width:640px; }

/* deco */
.mark { background:#ffebdc; padding:0.2em 0.1em 0.1em 0.1em; }
.markb { font-weight:bold; }
.red { color:red; }
.blue { color:blue; }

/* line */
.hrhead {}
.hrend { margin:1.5em 0 0.5em 0; }
.hrfoot {}

/* switch */
.onlymb { display:none; }

/* ad */
.ad1w { width:336px; }
.ad2w { width:336px; }
.adW6 { width:336px; margin:0 auto; }
.ad7 { width:160px; }
.ad1w ins { width:336px; height:280px; }
.ad2w ins { width:336px; height:280px; }
.adW6 ins { width:336px; height:280px; }
.ad7 ins { width:160px; height:600px; }
.colq ins { width:300px; height:250px; }

/* others */
.imgsns { margin:28px 0 12px 0; }
.imgsns2 { width:336px; margin-left:1em; margin-bottom:24px; }
.iconfb { width:144px; height:144px; float:left; }
.icontw { width:144px; height:144px; float:right; }
.imgsns2 .iconfb { height:160px; width:160px; float:left; }
.imgsns2 .icontw { height:160px; width:160px; float:right; }
.lst a { padding:0 0.25em; }

/* table */
table, td, th { border:1px #666666 solid; border-collapse: collapse; padding:0.5em 0.1em; }
.md { margin-bottom:1.4em; width:100%; table-layout:fixed; text-align:center; vertical-align:center; }
.md1 { width:20%; }
.md2 { width:7%; }
.tbl { margin-bottom:1.5em; width:100%; table-layout:fixed; height:4em; color:#222222; font-size:small; text-align:center; vertical-align:center; padding:0; border:1px; }
.btn { color:#ffffff; }
.jp { color:#375786; }
.kr { color:#f4939e; }
.bg { background-color:#dddddd; font-size:medium; color:#222222; }
.btn1 { background-color:#0b56a0; }
.btn2 { background-color:#ca3650; }
.btn3 { background-color:#ffffff; }
.notbl { color:#222222; }
.md h3 { background:none; }

#social { width:100%; margin-bottom:1.25em; }
#fb { width:45%; float:left; }
#tw { width:45%; float:right; }

@media screen and (max-width:719px) {
body { background-color:#ffffff; }
#wrapper { width:93%; margin:0 auto; }
.sbox { width:100%; }
h3 { margin-left:0.5em; }
.colx, .coly, #fb, #tw { float:none; width:100%; margin:0 auto; max-width:336px; }



/*
#fb { float : none ; width:100%; padding:0 0 1.2em 0; }
#tw { float : none ; width:100%; }

.cols { float : none ; width:100%; }
.colt { display:none; }
#navi { padding:0.3em 0; }
.colx2 { float : none ; width:94%; padding:0; }
.coly2 { float : none ; width:94%; padding:0; }
.imgfb2 { display:none; padding:0; margin:0; }
#navi:p { line-height:1.2em; }

.areaB { background-color:#fff; margin:1.2em 0 0.8em 0; }
.ad { width:100%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; padding: 0.6em 0 0.6em 0; height:auto; margin:1em 0; text-align:center; }
.ad1w { width:100%; padding: 0.6em 0 0.6em 0; height:auto; margin:1em 0; text-align:center; }
.ad2w { width:100%; padding: 0.6em 0 0.6em 0; height:auto; margin:1em 0; text-align:center; }
.ad5 { width:100%; padding: 0.4em 0 1.2em 0; height:auto; background-color:#fef0e0; }
.ad6 { width:100%; padding: 0.6em 0 1.8em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 1.2em 0; background-color:#fff; padding:1.2em 0 0 0; }
.ad9 { width:100%; padding: 1em 0 1em 0; height:auto; margin:0; }
.ad8 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; }

.idtb { text-indent:0em; padding:0 0.3em 0.3em 0.3em; font-weight:bold; }
.txtc { text-indent:0em; padding:0 0.3em 0.3em 0.3em; line-height:1.4em; }
*/
} 

@media screen and (max-width:400px) {

.top li { line-height:1.5em; margin:1em 0; }
h3 { margin-left:0.25em; }
.idtx { padding:0; }

/*
.colx { float : none ; width:100%; }
.coly { float : none ; width:100%; }
.cols { float : none ; width:100%; }
.colt { display:none; }
#navi { padding:0.3em 0; }
.colx2 { float : none ; width:94%; padding:0; }
.coly2 { float : none ; width:94%; padding:0; }
.imgfb2 { display:none; padding:0; margin:0; }
#navi:p { line-height:1.2em; }

.areaB { background-color:#fff; margin:1.2em 0 0.8em 0; }
.ad { width:100%; padding: 0.6em 0 1.2em 0; }
.ad1 { width:100%; padding: 0.6em 0 0.6em 0; height:auto; margin:1em 0; text-align:center; }
.ad1w { width:100%; padding: 0.6em 0 0.6em 0; height:auto; margin:1em 0; text-align:center; }
.ad2w { width:100%; padding: 0.6em 0 0.6em 0; height:auto; margin:1em 0; text-align:center; }
.ad5 { width:100%; padding: 0.4em 0 1.2em 0; height:auto; background-color:#fef0e0; }
.ad6 { width:100%; padding: 0.6em 0 1.8em 0; height:auto; }
.ad7 { width:100%; margin: 0.8em 0 1.2em 0; background-color:#fff; padding:1.2em 0 0 0; }
.ad8 { width:100%; padding: 0.6em 0 1.2em 0; height:auto; }
.ad9 { width:100%; padding: 1em 0 1em 0; height:auto; margin:0; }

.idt { text-indent:0em; padding:0 0.3em 0.3em 0.3em; }
.idtb { text-indent:0em; padding:0 0.3em 0.3em 0.3em; font-weight:bold; }
.idtx { text-indent:0em; padding:0 0.3em 0.3em 0.3em; display:inline; }
.txtc { text-indent:0em; padding:0.3em 0.3em 0.8em 0.3em; line-height:1.4em; }
*/
} 