@charset "UTF-8";
.fc_white  {color:#FFFFFF;}
.fc_black  {color:#000000;}
.fc_red    {color:#FF3300;}
.fc_orange {color:#FF6600;}
.fc_yellow {color:#FFCC00;}
.fc_green  {color:#66CC00;}
.fc_sky    {color:#66CCFF;}
.fc_blue   {color:#0000FF;}
.fc_violet {color:#CC0099;}
.fc_pink   {color:#FF9999;}
.fs_5      {font-size:xx-large;line-height:150%;}
.fs_4      {font-size:x-large;line-height:150%;}
.fs_3      {font-size:large;line-height:150%;}
.fs_2      {font-size:medium;line-height:150%;}
.fs_1      {font-size:xx-small;line-height:150%;}

blockquote .wiki  {
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    background-color: #e6e6e6;
    margin-left: 3em;
    margin-right: 2em;
    color: black; 
}

.content ul {
 margin-left: 2em;     
}
.content ol {
 margin-left: 2em;     
}
.content pre {
        width: 100%;
/*\*/
        overflow: auto;
/* */ 
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: pre-wrap;      /* CSS3 */
        word-wrap: break-word;      /* IE 5.5+ */
        font-family: "ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;                  
}

.content pre img {margin:0 10px;}

#prebody pre, #preextended pre {
        width: 100%;
        overflow: auto;
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: pre-wrap;      /* CSS3 */
        word-wrap: break-word;      /* IE 5.5+ */
        font-family: "ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;                  
}

#profile pre {
        width: 100%;
        overflow: auto;
        white-space: -moz-pre-wrap; /* Mozilla */
        white-space: -pre-wrap;     /* Opera 4-6 */
        white-space: -o-pre-wrap;   /* Opera 7 */
        white-space: pre-wrap;      /* CSS3 */
        word-wrap: break-word;      /* IE 5.5+ */
        font-family: "ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;                  
}

.content p.attention{
font-size:x-small;
_font-size:xx-small;
line-height:130%;
margin-top:5px;
}

.bn {
margin: 10px;
text-align: center;
}


/* 画像サイズ(大)の表示調整 --------------------------------------- */

#main img {
	max-width:560px;
}


/* 見出し --------------------------------------- */

#main .content h2 {
	border-left:5px solid #666;
	color:#666;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:10px;
}

#main .content h2.at_title2 {
	border-left:5px solid #666;
	color:#666;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:10px;
}

#main .content h3.at_title3:before {
	background-color:#99C700;
	box-shadow: 0 0 0 2px #99C700;
	-webkit-box-shadow: 0 0 0 2px #99C700;
	-moz-box-shadow: 0 0 0 2px #99C700;
	content:"";
	margin-right:8px;
	border: solid 2px #fff;
	width:9px;
	height:9px;
	display:inline-block;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
behavior: url(../../../common/script/js/PIE.htc);
}
#main .content h3.at_title3 {
	color:#666;
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}

#main .content h4.at_title4:before {
	content:"-";
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
}
#main .content h4.at_title4 {
	color:#99C700;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
}


/* パンくず --------------------------------------- */

#main .content .pan {
	color:#777;
	font-size:12px;
	position:relative;
	padding-top:2px;
	padding-left:20px;
	margin-bottom:5px;
	overflow:hidden;
}
#main .content .pan a {
	color:#777;
	margin-right:5px;
	float:left;
}
#main .content .pan a:before {
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	content:"";
	height:5px;
	width:5px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	display:inline-block;
	margin:0 5px 2px 0;
}
#main .content .pan .home {
	position:absolute;
	top:0;
	left:0;
}
#main .content .pan .home:before {
	display:none;
}
#main .content .pan .home img {
	width:15px;
	color:#ccc;
}
#main .content .pan .now {
	font-weight:bold;
}
#main .content .pan.article .now:after {
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	content:"";
	height:5px;
	width:5px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	display:inline-block;
	margin:0 0 2px 5px;
}

#main .rap_top {margin-bottom:30px; display:block;}

#main .rap_top .pan .now {
	/* パンくずの現在地の文字色 */
	color:#99C700;
}

#main .rap_top .pan {color:#777; font-size:12px; position:relative; padding-top:2px; padding-left:20px; margin-bottom:5px; overflow:hidden;}
#main .rap_top .pan a {color:#777; margin-right:5px; float:left;}
#main .rap_top .pan a:before {border-top: 1px solid #777; border-right: 1px solid #777; content:""; height:5px; width:5px; transform:rotate(45deg); -webkit-transform: rotate(45deg); display:inline-block; margin:0 5px 2px 0;}
#main .rap_top .pan .home { position:absolute; top:0; left:0;}
#main .rap_top .pan .home:before {display:none;}
#main .rap_top .pan .home img {width:15px; color:#ccc;}
#main .rap_top .pan .now {font-weight:bold;}
#main .rap_top .pan.article .now:after {border-top: 1px solid #777; border-right: 1px solid #777; content:""; height:5px; width:5px; transform:rotate(45deg); -webkit-transform: rotate(45deg); display:inline-block; margin:0 0 2px 5px;}


/* パンくずタグ --------------------------------------- */

#main .rap_top ul.tag {background:url(../../../common/img/tag.png) left top no-repeat; padding-left:30px; margin-top:10px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {

#main .rap_top ul.tag {background:url(../../../common/img/tag@2x.png) left top no-repeat; background-size: 20px 14px;}

}

#main .rap_top ul.tag li {font-size:11px; padding:2px 4px; margin-right:5px; margin-bottom:5px;}

#main .rap_top ul.tag li.on,
#main .rap ul.tag li.on {
	/* 選択されたタグの背景色 */
	background:#E0EEB2;
}


/* ボタン風タグ（全ページ共通） --------------------------------------- */
 
ul.tag {
　　　margin:0px;
	padding:0px;
	overflow:hidden;
}
ul.tag li {
	background:#eaeaea;
	font-size:13px;
	padding:4px 7px;
	margin-right:7px;
	margin-bottom:7px;
	float:left;
	display:inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
behavior: url(../../../common/script/js/PIE.htc);
}
ul.tag li:hover {
	background:#ccc;
}
ul.tag li a {
	color:#666;
	display:block;
}
ul.tag li a:hover {
	text-decoration:none;
}


/* 関連ワード --------------------------------------- */

#main .content div.word ul.tag {
	font-size:12px;
	margin-left:0;
}
#main .content div.word ul.tag li {
	font-size:11px;
	padding:2px 4px;
	margin-right:5px;
	margin-bottom:5px;
}
#main .content div.word ul.tag a {
	color:inherit;
}


/* ホットワード --------------------------------------- */

#hotword ul.tag {
	color:#999;
	font-size:12px;
	margin-left:0;
}
#hotword ul.tag li {
	font-size:11px;
	padding:2px 4px;
	margin-right:5px;
	margin-bottom:5px;
}
#hotword ul.tag a {
	color:inherit;
}

#hotword .more {
	text-align:right;
	margin-top:5px;
}
#hotword .more a {
	color:#99C700;
	font-size:13px;
	font-weight:bold;
}
#hotword .more a:before {
	border-top: 1px solid #99C700;
	border-right: 1px solid #99C700;
	content:"";
	height:3px;
	width:3px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	display:inline-block;
	margin-right:5px;
	margin-bottom:3px;
}



/*- 関連記事 -----------------------------------*/

#main .content div.item {
}
#main .content div.item .boxin {
	margin-bottom:10px;
	overflow:hidden;
}
#main .content div.item .box {
	padding:3px;
	margin-bottom:20px;
	margin-right:8px;
	display:inline-block;
	vertical-align:top;
}
#main .content div.item .box:hover {
	background:#eee;
}
#main .content div.item .box img {
	width:100%;
	margin:0;
}
#main .content div.item .box h3 {
	font-size:12px;
	font-weight:bold;
	padding-left:0;
	margin:0;
}
#main .content div.item .box h3 .date {
	color:#999;
	font-size:10px;
	font-weight:normal;
}
#main .content div.item .box p {
	color:#666;
	font-size:10px;
	margin-top:10px;
}

/* ５列表示 */
#main .content div.item .col5 {
	width:103px;
}
/* ４列表示 */
#main .content div.item .col4 {
	width:133px;
}
/* ３列表示 */
#main .content div.item .col3 {
	width:183px;
}
/* ２列表示 */
#main .content div.item .col2 {
	width:284px;
}
#main .content div.item .col2 img {
}
/* ２列表示 パターン２ */
#main .content div.item .col2_2 {
	width:306px;
	overflow:hidden;
}
#main .content div.item .col2_2 .photo {
	width:114px;
	float:left;
	margin-right:5px;
	display:block;
}
/* １列表示 */
#main .content div.item .col1 {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
#main .content div.item .col1 .photo {
	width:148px;
	float:left;
	margin-right:5px;
	display:block;
}

/* 回り込み解除 */
.clear  {
	clear:both;
}


/* エラー */
.error_msg h1, .error_msg p {
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}

.error_msg {
	border:3px solid #ddd;
	margin:0;
	padding:5px 10px;
}
.error_msg h1 {
	border-bottom:1px solid #FF5A00;
	color:#FF5A00;
	font-size:20px;
	font-weight:bold;
	padding:10px;
	margin-bottom:10px;
}
.error_msg p {
	padding:5px;
	margin-left:5px;
	margin-bottom:5px;
}