body{
	margin:0;
	padding:0;
	position:relative;
}
img {
	-ms-interpolation-mode: bicubic;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0px;
}
#wrapper{
	position:relative;
	width:980px;
}
#wrapper:after { content: ""; display: block; clear: both; }
#left{
	width:127px;
	float:left;
	margin:0;
	height:100%;
	position:absolute;
	zoom:1;
	top:0px;
	left:0px;
}
#left #logo{
	margin:0;
	padding:0;
	width:100%;
}
#left #logo img{
	width:100%;
}
#right{
	width:530px;
	line-height:1.8;
	float:left;
	margin:0 0 0 130px;
	color:#333;
	padding:0 10px 0 10px;
}
#side{
	width:300px;
	float:right;
	margin:5px 0 0 0;
}


#right .article-body p{
	margin:0;
	padding:0 0 1em 0;
	text-indent:1em;
}
#right .article-body a{
	text-decoration:underline;
}

#right .article-body table.cost , #right .article-body table.cost th,#right .article-body table.cost td{
	border-collapse:colapse;
	border:1px solid gray;
	border-spacing:0;
}

#right .article-body table.cost {
	margin:20px auto 30px auto;
}
#right .article-body table.cost  th{
	background-color:#ddd;
	padding:15px;
	font-size:10pt;
}
#right .article-body table.cost  td{
	background-color:#f5f5f5;
	padding:7px;
	font-size:11pt;
	text-align:center;
}
#right .article-body table.cost  th img{
	display:block;
	margin:10px auto 0 auto;
}
#left .article-list h3{
	background-color:#33357F;
	color:white;
	text-align:center;
	padding:3px;
	margin:0 0 10px 0;
}
#left .article-list ul{
	margin:0 5px 0 5px;
	padding:0;
}
#left .article-list ul li{
	font-size:77%;
	margin:0 0 10px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #999;
	line-height:1.3;
	list-style-type:none;
}
#left .article-list a{
	color:black;
}

#footer{
	clear:both;
	z-index:9999;
	background-color:white;
}

.article-head .article-title{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
.article-head h4{
	padding:3px 0 3px 6px;
	margin:5px 0 10px 0px;
	font-weight:bold;
	font-size:90%;
}
.article-head h1{
font-size: 130%;
font-weight: bold;
	margin:0 0 5px 0;
	padding:0;
}
.article-head h2{
	font-weight:normal;
	font-size:100%;
	margin:0 0 0 0;
	padding:0;
}
.article-date{
	text-align:right;
	font-size:90%;
	margin:0 0 15px 0;
}
.article-social{
	margin-bottom:10px;
	zoom:1;
	height:28px;
}
.article-social:after { content: ""; display: block; clear: both; }
.article-social ul{
	margin:0;padding:0;
}
.article-social li{
	list-style-type:none;
	float:left;
	margin:0;padding:0;
	margin-right:10px;
	display:inline;
}
.article-social li.twitter, .article-social li.hatena{
	padding-top:8px;
}
.fb_iframe_widget{
	height:20px!important;
	margin:0!important;
	padding:0!important;
}

div.article-additional-info h3{
position: relative;
margin: 0 0 8px;
padding: 3px 10px 4px 26px;
border: 1px solid #d9d9d9;
vertical-align: middle;
}
div.article-additional-info h3:before {
display: block;
position: absolute;
top: 13px;
left: 10px;
width: 7px;
height: 7px;
content: "";
}
div.article-additional-info dd{
	margin:0 0 10px 0;
}
div.article-additional-info ul{
	margin:0;
	padding:0;
}
div.article-additional-info li{
	list-style-type:square;
	list-style-position:inside;
	color:#666;
	margin:0;
	padding:0;
}



div.article-body h3{
font-size:100%;
font-weight:bold;
padding: 1px 0 2px 9px;
border-style: solid;
border-left-width: 5px;
border-top:0;
border-right:0;
border-bottom:1px solid #ccc;
margin:40px 0 20px 0;
}


.toTop{
display: inline-block;
width: 100%;
margin: 0 0 20px;
padding: 9px 5px 8px;
border: 1px solid #333333;
border-radius: 3px;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #333333));
background: -webkit-linear-gradient(#666666, #333333);
background: -moz-linear-gradient(#666666, #333333);
background: -o-linear-gradient(#666666, #333333);
background: -ms-linear-gradient(#666666, #333333);
background: linear-gradient(#666666, #333333);
background-color: #333333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
white-space: nowrap;
text-decoration: none;
text-align: center;
color: #fff;
font-weight: bold;
}



div#footer {
clear: both;
background-color: #FFF;
border-top-width: 6px;
border-top-style: solid;
padding-bottom: 0px;
position: relative;
z-index: 100;
}
div#footer ul.nav-footer {
padding-top: 10px;
font-size: 75%;
margin-bottom: 13px;
}
div#footer ul.nav-footer:after { content: ""; display: block; clear: both; }
div#footer ul.nav-footer li {
float: left;
margin-right: 10px;
margin-bottom: 3px;
padding-left: 11px;
background: url("/include/common/p01/images/arrow/bullet_01.png") no-repeat 0 45%;
list-style-type:none;
}
div#footer div.terms {
border: 1px solid #ccc;
font-size: 68.75%;
padding: 5px 10px;
line-height: 1.4;
margin:0 5px 20px 5px;
color:#555;
}
div#footer p.copyright {
text-align: center;
color: #999;
font-size: 75%;
}







/* 媒体別カラーリング */

body.ktw #left,body.ktw .article-head h4,body.ktw div.article-additional-info h3:before{background-color:#FFACB7;}
body.ktw div#footer,body.ktw #right h3{border-top-color: #ffacb7;}
body.ktw #left .article-list a{color:black;}
html.ltie8 body.ktw,html.ie8 body.ktw{background-image:url(img/leftbg-ktw.gif);}

body.pw #left,body.pw .article-head h4,body.pw div.article-additional-info h3:before{background-color:#3366FF;}
body.pw #left,body.pw .article-head h4{background-color:#3366FF; color:white;}
body.pw div#footer,body.pw #right h3{border-top-color: #3366FF;}
body.pw #left .article-list a{color:white;}
html.ltie8 body.pw,html.ie8 body.pw{background-image:url(img/leftbg-pw.gif);}

body.hl #left,body.hl .article-head h4,body.pw div.article-additional-info h3:before{background-color:#0D3B91;}
body.hl #left,body.hl .article-head h4{background-color:#0D3B91; color:white;}
body.hl div#footer,body.hl #right h3{border-top-color: #0D3B91;}
body.hl #left .article-list a{color:white;}
html.ltie8 body.hl,html.ie8 body.hl{background-image:url(img/leftbg-hl.gif);}

/* IE対応左ペーン */

html.ltie8 body,html.ie8 body{
	background-repeat:repeat-y;
}
html.ltie8 #right,html.ie8 #right{
	background-color:white;
}
html.ltie8 body.ktw,html.ie8 body.ktw{background-image:url(img/leftbg-ktw.gif);}
html.ltie8 body.hl,html.ie8 body.hl{background-image:url(img/leftbg-hl.gif);}



/* 文中画像配置用 */

div.inline-image{
	background-color:#fafafa;
	padding:5px;
	border:1px solid #ccc;
	margin:10px auto 30px auto;
	max-width:100%;
	width:600px\9;
}
div.horizonal-image{
	margin:10px auto 30px auto;
	border:1px solid #ccc;
	background-color:#fafafa;
}
div.horizonal-image:after { content: ""; display: block; clear: both; }

div.horizonal-image div.inline-image{
	float:left;
	border:0px;
	margin:0 10px 10px 0;
}
div.inline-image span{
	font-size:80%;
	display:block;
	color:#333;
}
div.horizonal-image span{
	padding:0 15px 5px 15px;
	line-height:1.4;
	clear:both;
	margin-top:-10px;
	font-size:80%;
	display:block;
	color:#333;
}
div.inline-image > span{
	margin-top:5px;
	padding:0 2px 0 2px;
	line-height:1.4;
}

div.horizonal-image div.inline-image:nth-last-of-type(1){
	margin-right:0px;
}

div.hor-2{
	width:660px;
}
div.hor-2 div.inline-image{
	width:310px;
}
div.hor-3{
	width:560px;
}
div.hor-3 div.inline-image{
	width:170px;
}
div.inline-image img{
	width:100%;
}



/* 動画embed */
.video-container{
	width:480px;
	margin:10px auto 30px auto;
}





/* Que! ウィジェット */
.que-title{
	background-color:yellow;
	padding:6px;
	font-weight:bold;
	font-size:10pt;
	border:1px solid #ccc;
	border-bottom:0px;
}
.widget-que{
	border:1px solid #ccc;
}
.widget-que .answer_list div{
	margin-bottom:10px;
}
.widget-que .que_detail{
	width:auto!important;
	min-width:200px!important;
	max-width:300px!important;
}
.widget-que .que_write{
	background-color:#f7f7f7;
	padding:10px;
	border:1px solid #ccc;
	border-radius:5px;
	margin:0 0 20px 0;
}
.widget-que .answer_box{
	border-bottom:1px solid gray;
	padding:0 0 5px 0;
}

div.ad-premium{
	margin:10px 0 20px 0;
}