/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset { border: 0; vertical-align: middle; }

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

*	{ box-sizing: border-box; }

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body	{ font-size:14pt; line-height:100%; }
a		{ text-decoration:none; outline: none; }
a:hover { text-decoration:underline; }
p,ol,ul { line-height:140%; }
input	{ font-size:14pt; }
textarea{ font-size:14pt; }

/* headings */
h1, h2, h3, h4, h5, h6 { line-height:125%; }
h1 {font-size: 200%; }
h2 {font-size: 160%; }
h3 {font-size: 130%; }
h4 {font-size: 100%; }
h5 {font-size: 90%; }
h6 {font-size: 80%;  }

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

/* embedded videos */
.video embed,
.video object,
.video iframe {
	width:100%;
	height:auto;
	min-height:50px;
}

/*--------------------------------------------------------
size & pos
--------------------------------------------------------*/
body		{ }
div#container	{ width:100%; max-width:980px; margin: 0px; padding:  0px; }
div#header		{ width:100%; max-width:980px; margin: 0px; padding:  0px; text-align:center; }
div#left		{ width:100%; max-width:710px; margin: 0px; padding: 20px; float:left; }
div#right		{ width:100%; max-width:260px; margin: 0px; padding: 20px 0px; float:right; }
div#footer		{ width:100%; max-width:980px; margin: 0px; padding:  0px; text-align:center; clear:both; }


div.block	{ margin:0pt; padding:0px; }
div.box		{ margin:0pt; padding:0px; border: 1px solid ; }
div.rect	{ margin:0pt; padding:0px; }

p  { padding:10pt 0; }
ol,ul { padding:10pt 10pt 10pt; }
h1, h2, h3, h4, h5, h6 { padding:0pt; margin:0; }
td,th { padding:5pt 5pt; overflow:hidden; }
th { text-align:center; }

a:link    { color: #1047ce; text-decoration: underline; }
a:visited { color: #0033b6; text-decoration: underline; }
a:hover   { color: #1047ce; text-decoration: underline; }

/*--------------------------------------------------------
Color
--------------------------------------------------------*/
/*********************************** 変更 ***********************************/
body			{ background-color:#FAEBD7;/*background-image:url(bg.jpg); background-color:#FAEBD7; color:#202020; */}
/****************************************************************************/

div#container	{ background-color:#ffffff;
				  border-left: 1px solid #76A8D1;
				  border-right: 2px solid #76A8D1;
				  margin-left:auto; margin-right:auto;
}
div#header		{ background-color:#FFFFff; }
div#left		{ background-color:#FFFFff; }
div#right		{ background-color:#FFFFff; }
div#footer		{ background-color:#FFFFFF; }

/*********************************** 変更 ***********************************/
/*div.block		{ background-color:#ffffff; }*/
div.block		{ margin:0 0 20px 0;padding:10px 0;}
/****************************************************************************/
div.box			{ background-color:#ffffff; border-color: #8B8B1D; }
div.rect		{ }


div#header a:link    { color: #103591; text-decoration: none; }
div#header a:visited { color: #103591; text-decoration: none; }
div#header a:hover   { color: #051F5F; text-decoration: none; }
div#header div.btn       { background-color:#6B90D4; padding:10px; color:#ffffff; }
div#header div.btn:hover { background-color:#3B60A4; padding:10px; color:#ffffff; }
div#header th	{ margin:0px; padding:0px; }
div#header p	{ margin:0; padding:5px; font-size:80%; }

div#left 	{ font-size:100%; }
div#left h1 { margin:0; }

/*********************************** 変更 ***********************************/
/*div#left h2 { margin:0 auto 10px; padding:3px 3px 3px 10px; border-left: 10px solid #002fa7; border-bottom:1px solid #002fa7; }*/
div#left h2 {padding:3px 0 0 40px;font-size:24px;background-image:url(title_bg.png);background-repeat:no-repeat;background-position:left center;letter-spacing:1px;}


/*div#left h3 { margin:0; padding:0pt; border-left: 0pt solid #e1eef3; border-bottom:1px solid #e1eef3; }*/
div#left h3 { padding:0 0 0 10px; border-left:solid 5px #0033b6;border-bottom:solid 1px #eaeaea; }
/****************************************************************************/

div#left h4 { margin:0; padding:0pt; border-left: 0pt solid #e1eef3; border-bottom:1px solid #e1eef3; }
div#left h5 { }
div#left h6 { }
div#left div.block { line-height:125%; border-bottom:0px solid #909090; padding:0pt 10px 20pt; }
div#left p	{ line-height:125%; }

/*********************************** 変更 ***********************************/
/*div#left p.pan    { font-size:100%; line-height:100%; margin:0 auto 0; padding:0 auto 0; }*/
div#left p.pan    { font-size:100%; line-height:100%; margin:10px 0 10px 0; padding:3px 0 3px 15px !important; background-color:#eee;}
/****************************************************************************/

div#left p.thanks { line-height:150%; padding:10px; font-size:120%; font-weight:bold; margin:10px 0 ; background-color:#e0e0e0; border:1px solid #c0c0c0; text-align:center; }
div#left p.go2com { line-height:125%; }
div#left ul { line-height:110%; }
div#left a:link    { text-decoration:none; }
div#left a:visited { text-decoration:none; }
div#left a:hover   { text-decoration:underline; }
div#left small    { font-size:80%; font-weight:normal; }

div#right 	 { font-size:90%; }
div#right h1 { }
div#right h2 { }

/*********************************** 変更 ***********************************/
/*div#right h3 { border-left:7px solid #e1eef3; }*/
div#right h3 {padding:7px 0 6px 20px;background-image:url(sidetitle_bg.png);background-repeat:no-repeat;background-position:left center;}
/****************************************************************************/

div#right h4 { border-left:7pt solid #e1eef3; background-color:#999900; color:#ffffff; }
div#right h5 { background-color:#999900; color:#ffffff; }
div#right h6 { }
div#right p	 { margin:2pt; padding:2pt; }


textarea, input, select {
	margin: 0px 0px 5px 5px;
	padding: 1px;
	font-size: 100%;
	line-height: 1.5;
	border: 1px solid #d1e2ef;
	background-color: #fff;
	color: #454545;
}


/************************************************************************************
small-PC/tablet
*************************************************************************************/
@media screen and (max-width: 800px) {

body		{ }
div#container	{ width:100%; text-align:left;   margin:0px auto; padding:0px; }
div#left		{ width:100%; max-width:100%; margin: 0px; padding: 0px; float:none; }
div#right		{ width:100%; max-width:100%; margin: 0px; padding: 0px 0px; float:none; }

}

/*****************************************

追記　*2013-03-18

*****************************************/


p.popular_cat{
	border-bottom:solid 1px #e5e5e5;
	background-color:#eee;
}

p.copy{
	border-top:solid 1px #e5e5e5;
	background-color:#eee;
}