@charset "shift_jis";
/* CSS Document */

br { line-height:normal !important; }
.txtCenter { text-align:center !important; }
.txtRight  { text-align:right !important; }


#columnMain img {
	border:0 solid #ccc;
	vertical-align:top;
}

input.menu_textbox {
	margin:0 3px 0 0;
	width:118px;
	border:1px solid #fff;
}

#header_menu {
	width:900px;
	overflow:hidden;
	padding:0 6px;
}
#header_menu ul {
	width:900px;
	overflow:hidden;
	padding:0 !important;
	margin:0 !important;
	background-color:#FF0000;
}

#nav ul#nav_list {
	padding:7px 5px;
	}

#nav ul#nav_list li{
	line-height:100%;
	height:auto;
	}
#nav ul#nav_list li.socialPlugins {}
#nav ul#nav_list li.socialPlugins table { float:right; margin:0 5px 0 0; display:inline; padding:0;}
#nav ul#nav_list li.socialPlugins table tr td { vertical-align:top; padding:0; margin:0;}

.clear { clear:both !important; }

/* ----------------------------------------------------
 左カラム
---------------------------------------------------- */

#columnLeft {
	margin:0 0 30px 0;
	padding:4px 0 0 0;
	width:200px;
	float:left;
	text-align:left;
}
#columnLeft dl {
	padding:0 0 10px 0;
	background:transparent url(/img/common/menu_bottom.gif) left bottom no-repeat;
}

#columnLeft dl dt {
	width:200px;
/*	margin:0 0 10px 0; */
	margin:0;
	padding:0;
	line-height:24px;
	background:transparent url(/img/common/heading_base_s.gif) no-repeat scroll left top;
	color:#fff;
	font-size:90%;
	letter-spacing:1px;
	text-align:center;
}

#columnLeft dl dt img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#columnLeft dl dd {
	width:auto;
	float:none;
	line-height:130%;
	padding:10px 10px 5px 10px;
	margin:0;
	background:transparent url(/img/common/menu_back.gif) left bottom repeat-y;
}
#columnLeft dl dd h2 {
	font-weight:900;
	line-height:1.3em;
 }

#columnLeft dl dd h2 img { margin:0 10px 0 0;}
#columnLeft dl dd h2 a {text-decoration:none;}
#columnLeft dl dd h2 a:link {text-decoration:none;}
#columnLeft dl dd h2 a:visited {text-decoration:none;}
#columnLeft dl dd h2 a:active {text-decoration:none;}
#columnLeft dl dd h2 a:hover {text-decoration:underline;}
#columnLeft dl dd h3 {
	color:#FF4500;
	font-size:90%;
	font-weight:900;
}

#columnLeft dl dd p {
clear:both;
line-height:1.4;
padding-top:5px;
}

#columnLeft dl dd br {
	line-height:1px;
	font-size:1px;
}

#columnLeft dl dd ul {
	width:180px;
}
#columnLeft dl dd ul li {
	list-style-type:none;
	text-indent:0;
	margin:0 0 0 -5px;
	padding:0 0 4px 20px;
	font-weight:bold;
	line-height:18px;
	background:transparent url(/img/common/simple_arrow.gif) left top no-repeat;
}

#columnLeft dl#menuSearch {
	background:transparent url(/img/common/search_bottom.gif) left bottom no-repeat;
}
#columnLeft dl#menuSearch dt {
	padding:0;
	margin:0;
	line-height:10px;
	background:transparent none left bottom no-repeat;
}

#columnLeft dl#menuSearch dd {
	background:#333366 url(/img/common/menu_back.gif) left bottom repeat-y;
}
#columnLeft dl#menuSearch dd a {
	color:#fff;
	padding-left:15px;
	background:transparent url(/img/common/simple_arrow2.gif) left center no-repeat;
}

.contactWrap{
	text-align:center;
}

.contactArea{
	width:500px;
	text-align:center;
	margin:0 auto;
	margin-bottom: 10px;
	border:2px solid #F3AB18;
	clear:both;
	font-size:100%;
	line-height:130%;
	padding:10px;
}


/* ----------------------------------------------------
 右カラム
---------------------------------------------------- */
#columnRight {
	margin:0 0 30px 0;
	padding:4px 0 0 0;
	width:200px;
	float:right;
	text-align:left;
}
#columnRight ul {
	width:200px;
	overflow:hidden;
	margin:0 0 10px 0;
	list-style-type:none;
}
#columnRight ul li {
	list-style-type:none;
	line-height:18px;
	padding:0 0 4px 15px;
	background:transparent url(/img/column/icon_dot.gif) left top no-repeat;
}

#columnRight h2 {
	width:200px;
	margin:0 0 10px 0;
	padding:1px 0 0 0;
	line-height:24px;
	background:transparent url(/img/common/heading_base_s.gif) no-repeat scroll left top;
	color:#fff;
	font-size:90%;
	letter-spacing:1px;
	text-align:center;
}
#columnRight dl {
	width:200px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}
#columnRight dl dt {
	width:60px;
	float:left;
	overflow:hidden;
}

#columnRight dl dt img {
	width:60px;
}

#columnRight dl dd {
	line-height:130%;
	width:130px;
	float:right;
}
#columnRight dl dd p {
	line-height:130%;
}
#columnRight dl dd h3 {
	font-size:80%;
	color:#777;
	line-height:130%;
}
/* メニュー */

#columnRight dl.teikikoudoku {
	width:200px;
	overflow:hidden;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	border:0 solid #f00;
	background:transparent url(/img/common/menu_bottom.gif) left bottom no-repeat;
}
#columnRight dl.teikikoudoku dt {
	float:none;
	width:200px;
	margin:0;
	padding:1px 0 0 0;
	line-height:24px;
	background:transparent url(/img/common/heading_base_s.gif) no-repeat scroll left top;
	color:#fff;
	font-size:90%;
	letter-spacing:1px;
	text-align:center;
}

#columnRight dl.teikikoudoku dd {
	width:auto;
	float:none;
	line-height:130%;
	padding:10px 10px 5px 5px;
	margin:0;
	background:transparent url(/img/common/menu_back.gif) left bottom repeat-y;
}


#columnRight dl#columnMenu {
	width:200px;
	overflow:hidden;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	border:0 solid #f00;
	background:transparent url(/img/common/menu_bottom.gif) left bottom no-repeat;
}
#columnRight dl#columnMenu dt {
	float:none;
	width:200px;
	margin:0;
	padding:1px 0 0 0;
	line-height:24px;
	background:transparent url(/img/common/heading_base_s.gif) no-repeat scroll left top;
	color:#fff;
	font-size:90%;
	letter-spacing:1px;
	text-align:center;
}

#columnRight dl#columnMenu dd {
	width:auto;
	float:none;
	line-height:130%;
	padding:10px 10px 5px 5px;
	margin:0;
	background:transparent url(/img/common/menu_back.gif) left bottom repeat-y;
}
#columnRight dl#columnMenu dd ul {
	margin:0;
}


/* バナー */
#columnRight ul.menuBanner {
	margin:0;
}
#columnRight ul.menuBanner li {
	padding:0;
	margin:0 0 10px 0;
}

/* ランキング */
dl#rank1i { background:transparent url(/img/column/icon_1i.gif) right bottom no-repeat; }
dl#rank2i { background:transparent url(/img/column/icon_2i.gif) right bottom no-repeat; }
dl#rank3i { background:transparent url(/img/column/icon_3i.gif) right bottom no-repeat; }

/* ピックアップ */
#columnRight #pickItem dl {
	width:200px;
	overflow:hidden;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	border:0 solid #f00;
	background:transparent url(/img/common/menu_bottom.gif) left bottom no-repeat;
}
#columnRight #pickItem dl dt {
	width:auto;
	float:none;
	width:200px;
	margin:0;
	padding:1px 0 0 0;
	line-height:24px;
	background:transparent url(/img/common/heading_base_s.gif) no-repeat scroll left top;
	color:#fff;
	font-size:90%;
	letter-spacing:1px;
	text-align:center;
}
#columnRight #pickItem dl dd {
	width:auto;
	float:none;
	line-height:130%;
	padding:10px 10px 5px 10px;
	margin:0;
	background:transparent url(/img/common/menu_back.gif) left bottom repeat-y;
}
#columnRight #pickItem dl dd h2 {
	width:200px;
	margin:0;
	padding:0;
	line-height:normal;
	background:transparent none no-repeat scroll left top;
	color: #333;
	font-size:100%;
	letter-spacing:0px;
	text-align:left;
	font-weight:bold;
}



/* ----------------------------------------------------
 中央カラム
---------------------------------------------------- */
#columnMain {
	padding:4px 0 0 0;
	margin:0 0 30px 10px;
	width:540px;
	display:inline;
	float:left;
	text-align:left;
}
#columnMain h1 {
	margin:0 0 10px 0;
}
#columnMain h2 {
	clear:both;
	margin:0 0 20px 0;
}
#columnMain dl {
	margin:0 10px 10px 0;
	width:260px;
	display:inline;
	float:left;
	overflow:hidden;
}
#columnMain dl dt {
	width:80px;
	float:left;
}
#columnMain dl dd {
	width:170px;
	float:right;
	line-height:133%;
}
#columnMain dl dd p {
	padding:1px 2px 0 2px;
	margin:0 0 5px 0;
	font-size:75%;
	background:#333366 none left top no-repeat;
	color:#fff;
	line-height:120%;
}
#columnMain dl dd p.typeListen {
	background:#336633 none left top no-repeat;
}
#columnMain dl dd p.typeEnd {
	background:#555555 none left top no-repeat;
	color:#fff;
}
#columnMain dl dd h3 {
	font-size:100%;
	font-weight:100;
}
#columnMain dl dd h4 {
	font-size:80%;
}



/* ----------------------------------------------------
 list
---------------------------------------------------- */
#columnList {
	padding:4px 0 0 0;
	margin:0 0 30px 0;
	width:740px;
	float:left;
	text-align:left;
}
#columnList h1 {
	margin:0 0 5px 0;
}
#columnList h2 {
	margin:0 0 20px 0;
}
#columnList h3 {
	margin:0 0 10px 0;
}
#columnList p {
	margin:0 0 20px 0;
	clear:both;
	float:clear;
}
#columnList ul {
	list-style-type:none;
	margin:0 0 30px 0;
}
#columnList ul li {
	list-style-type:none;
	line-height:18px;
	padding:0 0 4px 15px;
	background:transparent url(/img/column/icon_dot.gif) left top no-repeat;
}

#columnList ul.topicPath {
	width:740px;
	overflow:hidden;
	margin:0;
}
#columnList ul.topicPath li {
	display:inline;
	float:left;
	font-size:75%;
	padding:0;
	background:transparent none left top no-repeat;
}
#columnList ul.topicPath li a {
	padding:0 11px 0 0;
	background:transparent url(/img/common/icon_topicpath.gif) right center no-repeat;
}

#columnList #listTitle {
	text-align:center;
}
#columnList #listTitle p {
	margin:0 0 5px 0;
}
#columnList #listTitle h1 {
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}



#columnList #columnNew {
	width:740px;
	overflow:hidden;
	margin:0 0 10px 0;
}
#columnList #columnNew,
#columnList #columnNew embed,
#columnList #columnNew embed html,
#columnList #columnNew embed body video,
#columnList #columnNew embed body {
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
}
#columnList #columnNew p {
	margin:0 0 20px 0;
}
#columnList #columnNew h2 {
	font-size:80%;
	color:#444;
	margin:0;
	font-weight:bold;
}
#columnList #columnNew h3 {
	font-size:130%;
	font-weight:100;
}
#columnList #columnNew h4 {
	border-top:2px solid #aaa;
	border-bottom:1px dotted #aaa;
	padding:20px 0 5px 0;
	margin:0 0 10px 0;
}
#columnList #columnNew ul {
	list-style-type:none;
}
#columnList #columnNew ul li {
	list-style-type:none;
	padding:2px 0;
	background:transparent none left top no-repeat;
}
#columnList #columnNew ul li.listMore {
	border-top:1px dotted #aaa;
	text-align:right;
	font-size:80%;
	margin:8px 0 0 0;
	padding:2px 0 0 0;
}


#columnList #listUser {
	margin:0 0 10px 0;
	padding:0 0 30px 0;
	width:740px;
	overflow:hidden;
	border-bottom:1px dotted #aaa;
}
#columnList #listUser dt {
	text-align:center;
	width:160px;
	float:left;
}
#columnList #listUser dt img {
	margin:0 auto;
}

#columnList #listUser dd {
	width:560px;
	float:right;
}

#columnList p#btnContact {
	clear:both;
	border:2px solid #F3AB18;
	padding:10px;
	text-align:center;
	font-size:130%;
	line-height:140%;
}
#columnList ul.jumpList {
	list-style-type:none;
	margin:0 0 30px 0;
}
#columnList ul.jumpList li {
	list-style-type:none;
	line-height:18px;
	padding:0 0 4px 0;
	background:transparent none left top no-repeat;
}

#listItem {
	width:740px;
	margin:0 0 30px 0;
	overflow:hidden;
}
#listItem .jCarouselLite {
	width:740px !important; /* どこかで指定してある？ */
}
#listItem .jCarouselLite .prev {
	width:120px;
	padding:0 0 5px 0;
	float:left;
	cursor:pointer;
}
#listItem .jCarouselLite .prev:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#listItem .jCarouselLite .next {
	width:100px;
	padding:0 0 5px 0;
	float:right;
	cursor:pointer;
}
#listItem .jCarouselLite .next:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
#listItem .jCarouselLite ul {
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
}

#listItem .jCarouselLite ul li {
	margin:0 10px 10px 0;
	padding:0;
	width:170px;
	height:185px;
	text-align:left;
	display:inline;
	float:left;
	list-style-type:none;
}
#listItem .jCarouselLite ul li a {
	text-decoration:none;
	color:#474747;
	display:block;
	cursor:pointer;
}
#listItem .jCarouselLite ul li a:hover{
	text-decoration:underline;
	color:#CC4944;
}

#listItem .jCarouselLite ul li span {
	display:block;
	margin:0 0 5px 0;
	border:1px solid #ccc;
	background:#f6f6f6 none left top no-repeat;
	text-align:center;
	height:140px;
}
#listItem .jCarouselLite ul li span img {
	padding:0;
	margin:10px auto 0 auto;
	height:120px;
}
#listItem .jCarouselLite ul li a:hover span {
	border:1px solid #888;
}


/* ----------------------------------------------------
 RSS一覧
---------------------------------------------------- */
#columnMain #columnRss h2 {
	margin:0 0 5px 0;
}
#columnMain #columnRss ul {
	width:530px;
	margin:0 0 25px 0;
	list-style-type:none;
}
#columnMain #columnRss ul li {
	clear:both;
	list-style-type:none;
	padding:0 0 5px 5px;
	margin:0 0 5px 0;
	border-bottom:1px dotted #ccc;
}
#columnMain #columnRss ul li strong {
	float:right;
	position: relative;
	z-index: 0;
}
#columnMain #columnRss ul li strong:hover {
	background-color: transparent;
	z-index: 50;
}
#columnMain #columnRss ul li strong img {
}

#columnMain #columnRss ul li strong span {
	visibility: hidden;
	position:absolute;
	top:20px;
	left:-9999em;
	z-index:0;
	width:395px;
	padding:5px 0;
	border:1px solid #ccc;
	background:#f6f6f6 none left top no-repeat;
}
head~/* */body #columnMain #columnRss ul li strong span { top:0px; } html:not(:target) #columnMain #columnRss ul li strong span { top:20px; } /* IE8 hack */

#columnMain #columnRss ul li strong:hover span {
	visibility: visible;
	left:0;
}
#columnMain #columnRss ul li strong:hover span ul {
	width:375px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#columnMain #columnRss ul li strong:hover span ul li {
	clear:none;
	vertical-align:middle;
	width:125px;
	float:left;
	text-align:center;
	padding:0 0 5px 0;
	margin:0;
	border:0 solid #ccc;
}
#columnMain #columnRss ul li strong:hover span ul li a {
	vertical-align:middle;
}

#columnMain #columnRss ul li strong:hover span ul li img {
	margin:0 auto;
	vertical-align:middle;
}



/* 個別記事タイトル */
#contents #articleTitle {
	background:#e9e9e9 url(/img/column/article_title.gif) left top repeat-x;
	padding:10px 6px 6px 6px;
	margin:0 0 10px 0;
}
#contents #articleTitle h3 {
	margin:0;
	padding:0;
	font-weight:900;
	letter-spacing:1px;
	color:#333365;
	font-size:18px;
}
#contents #articleTitle p {
	margin:0;
	padding:0;
	font-size:85%;
	color:#333;
}


.prev-next { font-size:80%;}




#columnMain #oldColumn dl {
	margin:0 10px 5px 0;
	width:170px;
	display:inline;
	float:left;
	overflow:hidden;
}
#columnMain #oldColumn dl dt {
	width:50px;
	float:left;
}
#columnMain #oldColumn dl dt img {
	width:50px;
	height:auto;
}
#columnMain #oldColumn dl dd {
	width:110px;
	float:right;
	line-height:133%;
}
#columnMain #oldColumn dl dd h3 {
	font-size:80%;
	font-weight:100;
	line-height:1.4;
}





#contents #columnLeft .lefttoggle {
width:200px;
margin:0 0 0 0;
padding:0 0 10px 0;
background: url(/img/common/menu_bottom.gif) left bottom no-repeat;
}
#contents #columnLeft .lefttoggle h3 {
width: 200px;
padding: 1px 0px 0 px;
margin:0;
text-indent: 5px;
line-height: 24px;
color: white;
text-align:center;
background: url(/img/common/heading_base_s.gif) left top no-repeat;
letter-spacing: 1px;
}
#contents #columnLeft .lefttoggle dl {
width:auto;
padding:5px 0;
margin: 0;
text-align:left;
border-left: 1px solid #999;
border-right: 1px solid #999;
zoom: 1;
background: none left top no-repeat;
}
#contents #columnLeft .lefttoggle dt { margin:0; padding:4px 0; line-height:15px; font-weight:100; color:#00e; text-decoration:underline; font-size:13px; background: none left top no-repeat; cursor:pointer; border:0 solid #aaa; text-align:left; background:url(/img/top/ico_arrow_left.png) 9px center no-repeat; text-indent:20px; }
#contents #columnLeft .lefttoggle dt:hover { color:#cc4944; background:url(/img/top/ico_arrow_left_down.png) 9px center no-repeat; }


#contents #columnLeft .lefttoggle dt.tog { background:url(/img/top/ico_arrow.png) 7px center no-repeat; }
#contents #columnLeft .lefttoggle dt.tog:hover { background:url(/img/top/ico_arrow_down.png) 7px center no-repeat; }
#contents #columnLeft .lefttoggle dt.tog.selected { color:#333; background:url(/img/top/ico_arrow_down.png) 7px center no-repeat; }

#contents #columnLeft .lefttoggle dd { display:none; margin:0; padding:5px 5px; border:0 solid #aaa; text-align:left; background:none;}
#contents #columnLeft .lefttoggle ul { padding:5px 0; margin:0; text-indent:0; list-style-image:none; list-style-type:none; background:#f3f3f3 left top no-repeat; border:0 solid #ccc; }
#contents #columnLeft .lefttoggle li { margin:0; padding:3px 0 3px 15px; line-height:15px; font-weight:100; font-size:13px; background:transparent url(/img/top/ico_dot.png) 5px center no-repeat; border:0 solid #aaa; text-align:left; }