@CHARSET "UTF-8";

/*
 *
 *	PC - single
 *
 */

/*===============================
	common
===============================*/
#main *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0;
    outline:none;
}#main ul{
	list-style:none;
	list-style-type:none;
}

#main ul li{list-style:none;}

#main img{
	max-width:100%;
	height:auto;
}

/****** hover ******/
#main a:hover,
.hoverBtn:hover{
	opacity:.7;
	-ms-filter:alpha(opacity=70);
	filter:alpha(opacity=70);
	cursor:pointer;
}


/*===============================
	#main
===============================*/
#main{
	width:960px;
	margin:0 auto;
	color:#231815;
}
#main a{color:#231815;}


/*===============================
	pan
===============================*/
#main .pan{
	overflow:hidden;
	margin:10px 0 20px;
}
#main .pan li{
	position:relative;
	float:left;
	line-height:1.3;
	margin-right:1em;
	padding-right:2em;
	color:#8e8e8e;
}
#main .pan li a{text-decoration:underline;}
#main .pan li a:after{
	content:'＞';
	right:0;
	position:absolute;
	color:#8e8e8e;
}


/*===============================
	contentBox
===============================*/
#main .contentBox{
	clear:both;
	margin-bottom:20px;
	border-radius:3px;
}

/****** header ******/
#main .contentBox header{
	overflow:hidden;
	padding:10px;
	background:#004ae1;
	border-radius:3px 3px 0 0;
}
#main .contentBox header h1{
	float:left;
	line-height:0;
}
#main .contentBox header h1 img{height:22px\9; width:auto\9;}

/* rightBox */
#main .contentBox header .rightBox{
	float:right;
	width:40%\9;
	line-height:22px;
	text-align:right;
	color:#fff;
}
#main .contentBox header .rightBox a{color:#fff;}
#main .contentBox header .rightBox a:hover{text-decoration:underline;}
#main .contentBox header .rightBox img{
	margin-right:8px;
	vertical-align:middle;
}

/****** moreBtnB ******/
#main .contentBox .moreBtnB{
	padding:10px;
	line-height:0;
	background:#e9e8e8;
	border-radius:0 0 3px 3px;
	text-align:center;
}

/*===============================
    previous navigation
===============================*/
div#wrapper > div#content > nav#sub {
    width: 960px;
    margin: 0 auto;
    clear: both;
}
div#wrapper > div#content > nav#sub ul#topics-path {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    float: left;
    list-style: none;
}
div#wrapper > div#content > nav#sub ul#topics-path > li {
    float: left;
    display: table;
    color: #8e8e8e;
}
div#wrapper > div#content > nav#sub ul#topics-path > li:first-child:before {
    margin: 0;
    content: "";
}
div#wrapper > div#content > nav#sub ul#topics-path > li:before {
    margin: 0 8px 0 12px;
    content: ">";
}
div#wrapper > div#content > nav#sub ul#topics-path > li > a {
    text-decoration: underline;
}
div#wrapper > div#content > nav#sub ul#social-buttons {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    float: right;
    list-style: none;
}

div#wrapper > div#content > nav#sub ul#social-buttons > li {
    margin: 0 0 0 5px;
    float: left;
}
div#wrapper > div#content > nav#sub ul#social-buttons > li > * {
    float: left;
}
div#wrapper > div#content > nav#sub ul#social-buttons > li > div {
    vertical-align: top !important;
}
div#wrapper > div#content > nav#sub ul#social-buttons > li img,
div#wrapper > div#content > nav#sub ul#social-buttons > li iframe {
    display: block;
}