/*
*	Licence: Lococom-design
*	http://www.lococom.jp/
*
*	Title: common.css
*	Last Modified: 2007-09-03
*	Author: nishiwakishohei@next-group.jp
*	Description: Lococom common style
*
* 	Common.css
*	====================
*	0-0.clear
*	0-1.Yahoo UI Library
*	0-2.js
		Ajaxlogin
		menulinks
		helpbox
*	0-3.common
*	1.old
*	2.side/extra
*	3-1.ShareAll
*	3-2.ShareTop
*	3-3.ShareContents
*/

/*======================================
	0-0.clear
=======================================*/
html{
	background:#fff;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul{
	list-style:none;
}
caption {
	text-align:left;
}
fieldset {
	border:none;
}
abbr,acronym {
	border:none;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
object,embed {
	vertical-align:top;
}
img {
	vertical-align:bottom;
	border:none;
}
/*======================================
	0-1.Yahoo UI Library Fonts CSS
	-------------------------------
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	86% = 10px	|	91% = 11px	|	100% = 12px
	107% = 13px	|	116% = 14px	|
=======================================*/
/*---------------------------------
 	 Font size setting
-----------------------------------*/
body {
	font-size:12px;
	*font-size:small;
	*font:x-small;
}
table,div {
	font-size:100%;
	font-size:inherit;
}
h1 {
	font-size:116%;
}
h2,h3 {
	font-size:100%;
}
p,
pre,
address,
cite {
	font-size:100%;
}
form,
fieldset,
legend,
input,
textarea,
label {
	letter-spacing:0;
}

/*---------------------------------
 	Universal selector
	Structure Module
-----------------------------------*/
body {
	color: #303030;
	font-family: "ＭＳ Ｐゴシック",Helvetica, Arial, sans-serif;
}

/*---------------------------------
 	Text Module
-----------------------------------*/
h1,h2,h3,h4 {
	font-family:"�ＭＳ Ｐゴシック", "Verdana", "Helvetica", "sans-serif";
}

/*---------------------------------
 	Hypertext Module
-----------------------------------*/
a:link {
	color:#155bdb;
}
a:link,
a:visited {
	text-decoration:underline;
}
a:hover,a:focus,a:active {
	text-decoration:none;
}

div.arart a:link,
.detailmenu a:link,
div.elbox p.first_txt a:link,
div.elbox ul li a:link,
div.elbox dl dd a:link,
div.postm_list a:link,
div.topi_list ul li a:link,
div.near a:link,
.townsearch a:link,
div.catelist dl li a:link,
ul.el_imglist li a:link,
div.anothertools .tomobile span a:link,
div.userselect dl dd ul.import_tlist li a:link,
div#swrapper #main div.srcwork dl dd p a:link,
div.elbox.el_theme p a:link,
div.elbox.theme p a:link,
div.bookmark .gallery li p a:link,
#dl_rsslist a:link,
div.arart a:visited,
.detailmenu a:visited,
div.elbox p.first_txt a:visited,
div.elbox ul li a:visited,
div.elbox dl dd a:visited,
div.postm_list a:visited,
div.topi_list ul li a:visited,
div.near a:visited,
.townsearch a:visited,
div.catelist dl li a:visited,
ul.el_imglist li a:visited,
div.anothertools .tomobile span a:visited,
div.userselect dl dd ul.import_tlist li a:visited,
div#swrapper #main div.srcwork dl dd p a:visited,
div.elbox.el_theme p a:visited,
div.elbox.theme p a:visited,
div.bookmark .gallery li p a:visited,
#dl_rsslist a:visited {
	text-decoration:none;
}
div.arart a:hover,
.detailmenu a:hover,
div.elbox p.first_txt a:hover,
div.elbox ul li a:hover,
div.elbox dl dd a:hover,
div.postm_list a:hover,
div.topi_list ul li a:hover,
div.near a:hover,
.townsearch a:hover,
div.catelist dl li a:hover,
ul.el_imglist li a:hover,
div.anothertools .tomobile span a:hover,
div.userselect dl dd ul.import_tlist li a:hover,
div#swrapper #main div.srcwork dl dd p a:hover,
div.elbox.el_theme p a:hover,
div.elbox.theme p a:hover,
div.bookmark .gallery li p a:hover,
#dl_rsslist a:hover {
	text-decoration:underline;
}
#main div.elbox.twinfo div.detailmenu span a:link,
#main div.elbox.twinfo div.detailmenu span a:visited {
	text-decoration:underline;
}
#main div.elbox.twinfo div.detailmenu span a:hover {
	text-decoration:none;
}
/*---------------------------------
 	Tables Module
-----------------------------------*/
table {
	border-collapse:collapse;
	border-spacing:0;
}
th {
	font-weight:normal;
	vertical-align:top;
}
td {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}
/*======================================
	0-2.js
=======================================*/
/*---------------------------------
	 Ajaxlogin
-----------------------------------*/
div.ajaxlogin {
	background:url(../../img2/common/bg_ajaxform.gif) no-repeat;
	top:200px;
	width:422px;
	height:230px;
	margin:0 auto;
	padding:20px;
	text-align:left;
}
div.ajaxlogin p b {
	display:block;
	background:url(../../img2/pe/bg_mostttl.gif) no-repeat left bottom;
	width:400px;
	color:#555;
	height:26px;
	margin:0 0 10px 8px;
	line-height:24px;
	font-weight:bold;
	text-indent:32px;
}
div.ajaxlogin p span {
	display:block;
	background:#fffcc9;
	margin:0;
	padding:11px;
	color:#ed2818;
	border:1px solid #e0dc9f;
}
div.ajaxlogin .login {
	margin:10px;
	padding:0 40px;
}
div.ajaxlogin .login div.inputarea {
	float:left;
	width:172px;
}
div.ajaxlogin .login div.inputarea span {
	display:block;
	font-family:Arial;
	color:#535353;
	font-size:10px;
	letter-spacing:1px;
}
div.ajaxlogin .login div.inputarea input {
	width:250px;
	height:16px;
	margin-bottom:5px;
}
div.ajaxlogin .login img.loginbtn {
	float:right;
	width:57px;
	height:57px;
	margin:13px 0 6px 0;
}
div.ajaxlogin .login .statusarea {
	clear:both;
	width:100%;
	height:20px;
	text-align:left;
}
div.ajaxlogin .login .statusarea input,
div.ajaxlogin .login .statusarea img {
	vertical-align:middle;
}
div.ajaxlogin .login .statusarea label img {
	margin-left:1px;
}
* html div.ajaxlogin .login .statusarea label img {
	position:relative;
	left:-2px;
}
div.ajaxlogin .login .statusarea span {
	margin-right:35px;
}
div.ajaxlogin .login .statusarea span a.helpbox {
	text-decoration:none;
}
* html div.ajaxlogin .login .statusarea span {
	position:relative;
	left:-5px;
	margin-right:20px;
}
* html div.ajaxlogin .login .statusarea input,
* html div.ajaxlogin .login .statusarea label {
	position:relative;
	left:-4px;
	margin:0;
}
div.ajaxlogin div.btnarea,
div.ajaxlogin div.actbtn {
	margin-top:0px;
}
/* pre_log  */
div.ajaxlogin.pre_log {
	background:none;
}

/*----------------------------------
	.menulinks
-----------------------------------*/
.menulink {
    visibility:hidden;
    z-index:100;
    position:absolute;
    background:#d8eaff;
    width:12.5em;
    font:normal 12px/1.3 Verdana;
	text-align:left;
    border:3px solid #9ec6f6;
}
.menulink.local {
    border:3px solid #ff9523;
    background:#fee7c8;
    width:15.5em;
}
.menulink.other {
    background:#f3f9ff;
}
.menulink a{
    display:block;
    width:100%;
    padding:2px 0;
    font:normal 11px/1.3 Verdana;
    text-indent:1em;
    text-decoration:none;
    border-bottom:1px solid #fff;
}
* html body .menulink a{
    font:normal 10px/1.3 Verdana;
}
.menulink a:hover{
    background:#f9f9f9 url(../../img2/common/icon_menulink.gif) no-repeat left center;
    color:#40649b;
}
/*----------------------------------
	.helpbox
-----------------------------------*/
body a.helpbox {
	position:relative;
}
body a.helpbox:hover {
	width:auto;
}
body a.helpbox blockquote {
	display:none;
	width:200px;
	margin:25px 0 0 0;
	padding:7px;
	text-align:left;
	white-space:normal;
}
body a.helpbox:hover blockquote {
	z-index:3;
	display:inline;
	position:absolute;
	background:#fff;
	left:-150px;
	color:#1a1a1a;
	font-size:10px;
	border:3px solid #78bdf6;
}
body .subbox span a.helpbox {
	display:inline-block;
}

/*----------------------------------
	lightbox
-----------------------------------*/
#lightbox {
	z-index:9999;
	position:absolute;
	left:0;
	width:100%;
	line-height:0;
	text-align:center;
}
#lightbox a img {
	border:none;
}
#outerImageContainer {
	position:relative;
	background:transparent;
	width:750px;
	height:750px;
	margin:0 auto;
}
#imageContainer {
	padding:10px;
}
#loading {
	position:absolute;
	top:40%;
	left:0;
	width:100%;
	height:25%;
	text-align:center;
	line-height:0;
}
#hoverNav {
	z-index:8000;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#imageContainer>#hoverNav {
	left:0;
}
#hoverNav a {
	outline:none;
}
#prevLink,
#nextLink {
	display:block;
	background:transparent url(../../img/common/blank.gif) no-repeat;
	width:49%;
	height:100%;
}
#prevLink {
	left:0;
	float:left;
}
#nextLink {
	right:0;
	float:right;
}
#prevLink:hover,
#prevLink:visited:hover {
	background:url(../../img/common/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover,
#nextLink:visited:hover {
	background:url(../../img/common/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
	overflow:hidden;
	background:transparent;
	width:100%;
	margin:0 auto;
	font:10px Verdana, Helvetica, sans-serif;
	line-height:1.4em;
}
#imageDataContainer.thanks {
	background:#fff;
	width:440px;
	padding:20px 0;
	text-align:center;
	border:2px solid #f7cfa0;
}
#imageDataContainer.thanks p {
	background:#fffce6;
	margin:0 18px;
	padding:5px;
	color:#737373;
	font-size:116%;
	line-height:1.5;
}
#imageDataContainer.thanks p em {
	display:block;
	color:#e66701;
	font-weight:bold;
}
#imageDataContainer.thanks .adlantiss_frame {
	width:300px;
	margin:10px auto;
	margin-top:20px;
	padding-bottom:18px;
}
#imageData{
	padding:0 10px;
	color:#4f4f4f;
	font-size:10px;
}
#imageData #imageDetails {
	float:left;
	text-align:left;
}
#imageData #caption {
	font-weight:bold;
}
#imageData #numberDisplay {
	display:none;
	clear:left;
	padding-bottom:1.0em;
}
#imageData #bottomNavClose {
	display:block;
}
#overlay {
	z-index:9000;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	width:100%;
	height:500px;
}

/*======================================
	0-3.layout common
=======================================*/
html {
	background:#f4f4f4 url(../../img2/common/bg_body.gif) repeat-y center;
	zoom:1;
}
body {
	height:100%;
	margin:0;
	padding:0;
	text-align: center;
}
div#wrapper {
	margin: 0 auto;
}
div#swrapper {
	float:left;
	width:750px;
	margin:0 8px;
}
* html body div#swrapper {
	margin:0 4px 0 6px;
	width:749px;
}
div#container {
	clear:both;
	width:976px;
	margin:0 auto;
	text-align:center;
	height:1px;
	/padding-left:1px;
}
* html body div#container {
	width:980px;
	padding-left:1px;
}
*:first-child+html div#container {
	padding-left:1px;
}
div#foot {
	clear:both;
}
div#contents {
	margin-top:30px;
}
#main,
div#sub div,
div#extra div {
	text-align:left;
}
#main {
	padding-bottom:10px;
}

/*======================================
	1.old
=======================================*/
/*-----------------------------------
	【旧】.dotline
-----------------------------------*/
.dotline,
.dotline1 {
	background:#fff url(../../img2/pe/dot.gif) repeat-x;
	height:1px;
	font-size:1px;
	line-height:1px;
}
.dotline2 {
	background:#fff url(../../img2/pe/dot.gif) repeat-x center;
	height:5px;
	font-size:5px;
	line-height:5px;
}
.dotline3 {
	background:#fff url(../../img2/pe/dot.gif) repeat-x center;
	height:15px;
	font-size:15px;
	line-height:15px;
}
.dotline4 {
	background:#fff url(../../img2/pe/dot.gif) repeat-x center;
	height:2px;
	font-size:2px;
	line-height:2px;
}
/*----------------------------------
	1.old .message アラートメッセージ
-----------------------------------*/
#message {
    padding-top:10px;
    width:615px;
}
#message .td0 {
    background:url(../../img2/common/arart/bg_messagebtn.gif) repeat-y;
    width:32px;
    text-align:right;
    vertical-align:top;
}
#message .td {
    background:url(../../img2/common/arart/bg_message.gif) repeat-y;
    width:583px;
}
#message .td_blue {
    background:url(../../img2/common/arart/bg_message.gif) repeat-y;
    width:583px;
    color:#014dbb;
}
#message .td_error {
    background:url(../../img2/common/arart/bg_message.gif) repeat-y;
    width:583px;
    color:#e12500;
}
#message #td1 {
    background:url(../../img2/common/arart/bg_message1.gif) no-repeat;
    height:8px;
    line-height:1px;
    font-size:1px;
}
#message #td3 {
    background:url(../../img2/common/arart/bg_message3.gif) no-repeat;
    height:8px;
    line-height:1px;
    font-size:1px;
}
/* Co/Gr */
div.messageframe {
	width:615px;
	margin:15px 0;
	padding:6px 0 0 0;
    background:url(../../img2/common/arart/bg_message1.gif) no-repeat top;
}
div.messageframe ul{
	list-style:none;
    background:url(../../img2/common/arart/bg_message3.gif) no-repeat bottom;
	width:615px;
	margin:0 0 15px 0;
	padding:0 0 6px 0;
}
div.messageframe li {
	background:#ffc;
	border-left:1px solid #e8db97;
	border-right:1px solid #e8db97;
}
* html div.messageframe li {
	width:615px;
}
div.messageframe.err li {
	color:#f00;
}
div.messageframe.fin li {
	color:#014dbb;
}
div.messageframe.red li {
	background:#ffc url(../../img2/common/arart/icon_arart_11.gif) no-repeat 10px center;
	text-indent:30px;
	line-height:1.5;
}

/*-----------------------------------
	1.old .pagettl_pe 見出し1
-----------------------------------*/
#pagettl_pe,
#pagettl_pe_r {
    margin-bottom:10px;
    width:100%;
}

#pagettl_pe h2,
#pagettl_pe_r h2 {
	background:url(../../img2/pe/bg_mostttl.gif) no-repeat left bottom;
	width:100%;
	color:#3c3c3c;
	height:26px;
	margin-bottom:10px;
	line-height:24px;
	font-weight:bold;
	text-indent:32px;
}
#pagettl_pe_r span {
    float:right;
    width:120px;
	padding:4px 20px 4px 0;
}

/*-----------------------------------
	1.old .h_title 見出し2
-----------------------------------*/
.h_title {
    background:url(../../img2/pe/bg_morettl.gif) no-repeat left center;
    width:100%;
    color:#3c3c3c;
    font-weight:bold;
    text-indent:19px;
}
/*----------------------------------
	1.old .list お知らせページ
-----------------------------------*/
#list {
	width:615px;
	margin-top:10px;
}

#list .table {
	margin-bottom:25px;
	border-top:2px solid #7fbcfd;
	border-bottom:1px solid #7fbcfd;
}
#list .table .td_l {
	background:url(../../img2/pe/bg_list1.gif) no-repeat;
	height:29px;
	padding-left:24px;
	color:#00378e;
}

#list .table .td_r {
	background:#dff3fe;
	padding-right:10px;
	color:#00378e;
	text-align:right;
}

#list .table .text{
	background:#fff;
	height:65px;
	padding:10px 24px;
	color:#000;
	vertical-align:top;
}
/*-----------------------------------
	1.old  旧.サブタイトルエリア
-----------------------------------*/
div.ttl_sub {
	clear:both;
	background:#e6f4ff;
	width:615px;
	height:26px;
	margin-top:10px;
}
div.ttl_sub strong {
	float:left;
	display:block;
	width:340px;
	margin-left:10px;
	font-weight:bold;
	line-height:26px;
}
div.ttl_sub p.relatedlinks {
	float:right;
	width:240px;
	margin:0 10px 0 0;
	padding:0;
	text-align:right;
	line-height:26px;
}
div.ttl_sub p.relatedlinks a {
	background:url(../../img2/common/bg_relatedlinks.gif) no-repeat left center;
	padding:4px 0 4px 20px;
}
div.ttl_sub p.relatedlinks.print a {
	background:url(../../img2/common/bg_print_24.gif) no-repeat left center;
	padding:4px 0 4px 26px;
}

/*======================================
	2.side/extra
=======================================*/
/*---------------------------------
	ログイン前 訴求枠
-----------------------------------*/
/*-- left用 --*/
div.blogin_info {
	background:#f5fbff;
	margin-bottom:10px;
	padding:10px 0;
	border:2px solid #85d3ff;
}
div.blogin_info em {
	position:relative;
	left:12px;
	display:block;
	margin-bottom:8px;
	padding-left:5px;
	color:#00abf2;
	font-weight:bold;
	border-left:3px solid #00abf2;
}
div.blogin_info ul,
div.blogin_info a {
	display:block;
	text-align:center;
}
div.blogin_info ul {
	margin:7px 0;
}
div.blogin_info ul li {
	background:url(../../img2/lo/top/icon_blogin_info.gif) no-repeat left 2px;
	margin:0 12px;
	line-height:1.3;
	text-indent:15px;
	text-align:left;
}
div.blogin_info ul li a{
	display:inline;
}
/*------------------------------------
  【cplist】特集訴求枠
-------------------------------------*/
div.cplist {
	width:100%;
	margin:15px 0 0 0;
}
div.cplist img {
	vertical-align:bottom;
	}
div.cplist div {
	float:left;
	margin:5px 0 15px 0;
	border:1px solid #ccc;
}
div.cplist div div,
div.cplist ul {
	margin:7px 0;
}
div.cplist div.main_cplist {
	float:left;
	width:260px;
	padding-left:10px;
	border:none;
}
div.cplist div.main_cplist dl dt img {
	margin:3px 0 5px 0;
}
div.cplist div.main_cplist dl dd a {
	background:url(../../img2/common/bg_list.gif) no-repeat 2px center;
	line-height:165%;
	padding-left:14px;
}
div.cplist ul {
	float:right;
	list-style:none;
	width:265px;
	border:none;
}
div.cplist ul li {
	background:url(../../img2/common/other/point_left_cp.gif) no-repeat left center;
	margin:0 7px 0 0;
	padding:7px 0 7px 13px;
	border-bottom:1px solid #dcdcdc;
}
* html div.cplist ul li {
	padding:9px 0 9px 13px;
}
div.cplist ul li.noline {
	border:none;
}
div.cplist ul li span {
	display:block;
	color:#3c3c3c;
	font-weight:bold;
}
/*======================================
	3-1.ShareAll  全共通
=======================================*/

/*---------------------------------
	.btnArea/actbtn(new) ボタン
-----------------------------------*/
div.btnArea {
    width:615px;
    padding-top:8px;
    margin-top:3px;
    text-align:center;
}
div.btnarea,
div.actbtn {
	clear:both;
    width:100%;
    margin:20px 0;
    text-align:center;
}
div.btnarea img,
div.actbtn img {
	margin:0 10px;
}

/*---------------------------------
	.pages ページ送り
-----------------------------------*/
div.pages {
	clear:both;
	width:100%;
	height:20px;
	margin:12px 0;
}
div.pages a,
div.pages span {
	display:block;
	float:left;
	background:#eaf8ff;
	width:20px;
	margin-right:3px;
	color:#389ed7;
	font-weight:bold;
	line-height:19px;
	text-align:center;
	text-indent:1px;
	border:1px solid #9dc5f6;
	outline:none;
}
div.pages span.current {
	background:#fff;
}
div.pages a,
div.pages a:hover,
div.pages a:visited {
	color:#389ed7;
	font-weight:bold;
	text-decoration:none;
}
div.pages a:hover {
    background:#fff;
}
div.pages a.abtn,
div.pages a.bbtn,
div.pages a.abtn:hover,
div.pages a.bbtn:hover {
	display:block;
	width:24px;
	height:20px;
	margin:0;
	padding:0 0 0 2px;
	border:none;
	text-indent:-9999px;
}
div.pages a.abtn {
    background:url(../../img2/common/pages/btn_paging_next.gif) no-repeat;
}
div.pages a.abtn:hover {
    background:url(../../img2/common/pages/btn_paging_next_a.gif) no-repeat;
}
div.pages a.bbtn {
    background:url(../../img2/common/pages/btn_paging_prev.gif) no-repeat;
}
div.pages a.bbtn:hover {
    background:url(../../img2/common/pages/btn_paging_prev_a.gif) no-repeat;
}

/*---------------------------------
	.detailmenu
-----------------------------------*/
.detailmenu {
	clear:both;
	overflow:hidden;
	text-align:right;
}
.detailmenu span {
	display:block;
	float:right;
	background:url(../../img2/common/bg_detaillinks.gif) no-repeat left center;
	height:16px;
	margin-left:10px;
	padding-left:17px;
	font-size:86%;
	line-height:16px;
}
.detailmenu span a.bset {
	border-right:1px solid #555;
	margin-right:6px;
	padding:0 6px;
}

/*---------------------------------
	バナー
-----------------------------------*/
.el_bnr {
	margin-bottom:10px;
}

/*---------------------------------
	.arart アラート
-----------------------------------*/
div.arart {
	background:#ffc;
	margin-bottom:10px;
	padding:5px 10px;
	border:1px solid #e8db87;
}
div.arart ul {
	line-height:1.5;
	text-align:center;
}
div.arart ul li {
	background:url(../../img2/common/arart/icon_arart_11.gif) no-repeat left 4px;
	color:#1a1a1a;
	text-align:left;
}
div.arart ul li p {
	margin-left:19px;
}
div.arart ul li div {
	clear:both;
}
div.arart .att {
	color:#e10000;
}
div.arart .fin {
	color:#014dbb;
}
div.arart div.detailmenu span {
	font-size:91%;
}
div.arart .detailmenu {
	width:100%;
}
div.arart .att,
div.arart .att a {
	color: #e10000;
}
/*---------------------------------
	.tab_area タブ
-----------------------------------*/
.tab_area {
    clear:both;
	width:100%;
	height:27px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.tab_area ul {
	position:relative;
	top:1px;
	width:100%;
	height:26px;
	z-index:5;
}
.tab_area ul li {
	display:inline;
}
.tab_area ul li a,
.tab_area ul li a:hover,
.tab_area ul li.tabbox_now a {
	display:block;
	float:left;
	width:8.5em;
	height:26px;
	margin-right:4px;
	color:#3c3c3c;
	font-size:100%;
	font-weight:bold;
	line-height:26px;
	text-align:center;
	border:1px solid #ccc;
	border-bottom:none;
}
.tab_area ul li a {
	background:#fff url(../../img2/common/bg_tab_o.gif) repeat-x left top;
}
.tab_area ul li.tabbox_now a,
.tab_area ul li.tabbox a:hover {
	background:#fff;
	text-decoration:none;
}
.tab_area.tabtop {
	margin-bottom:0;
}
/*--------投稿フォーム----------*/
#articlewriteform .tab_area ul{
	width:70%;
}
#articlewriteform span#remarks_right {
	float:right;
	width:10em;
	color:#e10000;
	text-align:right;
}

/*---------------------------------
	 アイコン
-----------------------------------*/
div#contents .el_diary {
	background:url(../../img2/common/icon_diary_16.gif) no-repeat left 3px;
}
div#contents .el_town {
	background:url(../../img2/common/icon_kuchikomi_16.gif) no-repeat left 3px;
}
div#contents .el_enq {
	background:url(../../img2/common/icon_enq_16.gif) no-repeat left 3px;
}
div#contents .el_alb {
	background:url(../../img2/common/icon_alb_16.gif) no-repeat left 3px;
}
div#contents .hometown {
	background:url(../../img2/common/icon_hometown_16.gif) no-repeat left 3px;
}
div#contents .worktown {
	background:url(../../img2/common/icon_worktown_16.gif) no-repeat left 3px;
}
div#contents .favtown {
	background:url(../../img2/common/icon_favtown_16.gif) no-repeat left 3px;
}
div#contents .myspot {
	background:url(../../img2/common/icon_myspot_16.gif) no-repeat left 3px;
}
div#contents .myspot_o {
	background:url(../../img2/common/icon_myspot_16.gif) no-repeat left 3px;
}
div#contents .el_sr {
	background:url(../../img2/common/icon_sr_16.gif) no-repeat left 3px;
}
div#contents .el_popular {
	background:url(../../img2/common/icon_popular_16.gif) no-repeat left 3px;
}
div#contents .cpns {
	background:url(../../img2/common/icon_cpn_16.gif) no-repeat left 3px;
}
div#contents .scpns {
	background:url(../../img2/common/icon_scpn_16.gif) no-repeat left 3px;
}
div#contents .rank01 {
	background:url(../../img2/common/icon_rank1_16.gif) no-repeat left 5px;
}
div#contents .rank02 {
	background:url(../../img2/common/icon_rank2_16.gif) no-repeat left 5px;
}
div#contents .rank03 {
	background:url(../../img2/common/icon_rank3_16.gif) no-repeat left 5px;
}
div#contents .attention {
	background:url(../../img2/common/icon_att_24.gif) no-repeat left 3px;
	text-indent:27px;
}
div#contents .el_feature {
	background: url(../../img2/common/icon_feature_24.gif) no-repeat left 3px;
	text-indent:27px;
}
div#contents .ktcm  {
	background:url(../../img2/common/icon_ktcm_24.gif) no-repeat left top;
	text-indent: 27px;
}
div#contents .srtxt {
	background:url(../../img2/common/icon_sr_24.gif) no-repeat left 3px;
	text-indent:27px;
}
div#contents .el_post {
	background:url(../../img2/common/icon_post_16.gif) no-repeat left 3px;
}
div#contents .el_postm {
	background:url(../../img2/common/icon_postm_16.gif) no-repeat left 3px;
}
div#contents .el_blog {
	background:url(../../img2/common/icon_blog_16.gif) no-repeat left 3px;
}
div#contents .el_chi {
	background:url(../../img2/common/icon_chirashi_16.gif) no-repeat left 3px;
}
div#contents .el_an {
	background:url(../../img2/common/icon_an_16.gif) no-repeat left 3px;
}
div#contents .pdf {
	background: url(../../img2/common/icon_pdf_16.gif) no-repeat left 3px;
}
div#contents .jpg {
	background: url(../../img2/common/icon_jpg_16.gif) no-repeat left 3px;
}
div#contents .gr_topic {
	background: url(../../img2/common/icon_topic_16.gif) no-repeat left 3px;
}
div#contents .gr_ques {
	background: url(../../img2/common/icon_ques_16.gif) no-repeat left 3px;
}
div#contents .gr_eve {
	background: url(../../img2/common/icon_eve_16.gif) no-repeat left 3px;
}
div#contents .el_mytomo {
	background: url(../../img2/common/icon_mytomo_16.gif) no-repeat left 3px;
}
div#contents .i_renew {
	background:url(../../img2/common/icon_info_55.gif) no-repeat left 3px;
}
div#contents .i_osusume {
	background:url(../../img2/common/icon_osusume_55.gif) no-repeat left 3px;
}
div#contents .i_info {
	background:url(../../img2/common/icon_renew_55.gif) no-repeat left 3px;
}

/*---------------------------------
	 タイトルエリア
-----------------------------------*/
div.ttlarea {
	text-align:left;
}
div.ttlarea h1 {
	clear:both;
	background:url(../../img2/pe/bg_mostttl.gif) no-repeat left bottom;
	width:100%;
	color:#3c3c3c;
	height:26px;
	margin-bottom:10px;
	line-height:24px;
	font-size:116%;
	font-weight:bold;
	text-indent:32px;
}
/* subarea */
div.ttlarea div.subbox {
	clear:both;
	background:#e6f4ff;
	width:100%;
	margin-bottom:10px;
	border:none;
}
div.ttlarea div.subbox strong {
	float:left;
	display:block;
	width:340px;
	padding:7px 0 7px 20px;
	color:#3c3c3c;
	font-weight:bold;
}
div.ttlarea div.subbox strong img {
	margin:0 5px;
	vertical-align:middle;
}
div.ttlarea div.subbox strong a,
div.ttlarea div.subbox strong a:hover {
	color:#3c3c3c;
}
div.subbox span {
	display:block;
	text-align:right;
	padding:7px 10px;
}
div.subbox span a{
	background:url(../../img2/common/bg_relatedlinks.gif) no-repeat left center;
	padding-left:19px;
}
div.ttlarea div.subbox p.related {
	float:right;
	width:200px;
	margin:0;
	padding-right:10px;
	text-align:right;
}
div.txtbox {
	overflow:hidden;
	margin-bottom:20px;
}
div.txtbox p {
	margin:0 32px;
}
div.txtbox p span {
	display:block;
	margin-top:10px;
}
div.txtbox p span a{
	float:left;
	background:url(../../img2/common/bg_relatedlinks.gif) no-repeat left center;
	margin-right:10px;
	padding-left:19px;
}
div.ttlarea p.detail {
	text-align:right;
	font-size:91%;
}
div.ttlarea p.detail a {
	background:url(../../img2/common/bg_detaillinks.gif) no-repeat left center;
	padding-left:20px;
	line-height:26px;
}

/*---------------------------------
	.form_area(作成)
-----------------------------------*/
.form_area {
	clear:both;
	width:100%;
	margin:10px 0;
	border:solid 1px #ccc;
}
.form_area table {
	width:100%;
}
.form_area th {
	background:#e6f4ff;
	color:#002c84;
	width:25%;
	padding:10px;
	text-align:left;
	border-bottom:solid 1px #fff;
}
.form_area th span {
    color:#e10000;
}

.form_area td {
	padding:10px;
	border-bottom:solid 1px #ececec;
}

#remarks_right {
    width:615px;
    color:#e10000;
    text-align:right;
}
.form_area img {
    color:#737373;
    vertical-align:middle;
}
.diaryedit_td_r_img {
    background:#fff;
    padding:5px 0 0px 10px;
}
.diaryedit_td_r_img1 {
    background:#fff;
    padding:0 0 0 10px;
}
.form_area span {
	margin-left:0.5em;
	color:#002c84;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
}
.form_area .result {
    background:#eee;
    padding:2px 5px;
    color:#1a1a1a;
    font-size:100%;
    border:1px solid #696969;
}
.form_area .result2 {
    background:#eee;
    padding:2px 5px;
    color:#1a1a1a;
    font-size:100%;
    letter-spacing:0.12em;
    border:1px solid #696969;
}
.form_area #confirm {
    padding-right:10px;
}
input {
	margin-right:2px;
}
label {
	margin-right:0.5em;
}
input,
label {
	vertical-align:middle;
}
.input_bdr {
    border:1px solid #8d8d8d;
}
.input_bdr2 {
    border:1px solid #8d8d8d;
    margin-bottom:4px;
}
.input_btnimg {
    padding:6px 0 0 0;
}
#select_area input,
.form_area input {
	height:1.5em;
	padding:1px;
}
#select_area span {
	margin-left:0;
	color:#303030;
	font-size:100%;
	white-space:nowrap;
}
/* 海外選択時 調整 */
* html #select_area #select_box img {
	position:relative;
	top:-2px;
}
/* old #editparts */
#editparts {
    background:url(../../img2/pe/bg_editparts11.gif) no-repeat;
    margin-bottom:5px;
}
#editparts td {
    padding-left:10px;
}
#editparts img {
	margin:0;
	padding:2px;
}
/* new 投稿本文入力 まわり */
th.post_view {
	padding-bottom:0;
	border-bottom:none;
}
th.post_view_b {
	padding:0 5px;
	font-size:83%;
	vertical-align: bottom;
}
th.post_view_b a {
	display:block;
	float:left;
	background:none;
	width:55px;
	height:100%;
	margin:0;
	padding:10px 0;
	text-align:center;
}
th.post_view_b a.now {
	background:#fff;
}
td.post_view_td {
	padding:5px 10px;
}
.editparts {
	padding-bottom:3px;
}
.post_up {
	border-top :1px solid #ececec;
}
.editparts img,
.post_up img {
	margin:3px 0 0 0;
	padding:2px 1px;
}
#buttonTools {
	text-align:left;
}
.form_area #contentDiv textarea {
    overflow:hidden;
    width:98%;
    height:350px;
    padding:2px 5px;
    border:1px solid #8d8d8d;
}
#select_medal span {
	font-size:100%;
	color:#333;
}

/* テキストエリア共通 */
.form_area textarea {
    padding:2px 5px;
    width:450px;
    height:350px;
    overflow:hidden;
    border:1px solid #8d8d8d;
}
div.checkcount {
	text-align:right;
    color:#737373;
	font-size:86%;
}
div.checkcount span#contextlength {
    color:#737373;
	margin-right:3px;
}
#btn_ctr {
    width:615px;
    text-align:center;
}
#btn_ctr_20 {
    width:615px;
    text-align:center;
    margin:10px 0 20px 0;
}
/*投稿動画サムネイル*/
.form_area img.samneil {
    width:92px;
    height:92px;
    margin:0 11px 0 0;
    border:1px solid #ccc;
}

/*---------------------------------
	.msg_***(完了)
-----------------------------------*/
.msg_bluebox,
.msg_orangebox {
	margin:20px 0;
	padding:1px 0;
	border-top:3px solid #66aaff;
}
.msg_bluebox .msg_textarea,
.msg_orangebox .msg_textarea {
	background:#e6f4ff;
	padding:35px;
}
.msg_textarea p {
	width:100%;
	color:#002c84;
	line-height:1.3;
}
.msg_textarea p em {
	display:block;
	padding:10px 0;
	font-style:normal;
	text-align:center;
}
/*--- .msg_greenbox(tt店舗エラー) ---*/
.msg_orangebox {
	border-top:3px solid #fda846;
}
.msg_orangebox .msg_textarea {
	background:#fff9f5;
}
.msg_orangebox .msg_textarea p {
	color:#e36709;
}
/*【go_list】 投稿完了画面からの誘導 new*/
.go_list {
	margin:10px;
}
.go_list li {
	display:inline;
}
.go_list li a {
	background:url(../../img2/common/bg_relatedlinks.gif) no-repeat left center;
	float:left;
	display:block;
	width:40%;
	padding:0 0 0 20px;
	line-height:200%;
}

/*---------------------------------
	 総件数:
-----------------------------------*/
p.datas {
	width:100%;
	margin:10px 0;
	text-indent:19px;
	background:url(../../img2/pe/bg_datas.gif) no-repeat left center;
}
p.datas em {
	font-weight:bold;
}

/*---------------------------------
	 汎用table系一覧:
-----------------------------------*/
div.frequentlist,
div.frequentlist table,
div.postm_list,
div.postm_list table,
div.taglist,
div.taglist table,
div.source_list.theme table {
	clear:both;
	width:100%;
	color:#002c84;
}
div.frequentlist table,
div.postm_list table {
	border-bottom:1px solid #85b7fc;
}
div.frequentlist table th,
div.postm_list table th,
div.taglist table th,
div.source_list table th {
	background:#e6f4ff;
	height:26px;
	color:#0a3c8d;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #419efe;
	border-bottom:1px solid #a3d4ff;
}
div.frequentlist table td,
div.postm_list table td,
div.source_list table td {
	padding:3px 0;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
}
div.frequentlist table td.select,
div.postm_list table td.select {
	background:#f5f5f5;
}

/*======================================
	3-2.ShareTop  共通Top
=======================================*/

/*---------------------------------
	 struct枠
-----------------------------------*/
div.elbox {
	clear:both;
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
#main .el_no {
	display:none;
	margin-bottom:0;
	height:0;
	font-size:0;
}

/* 分岐 */
div#sub div.elbox,
div#extra div.elbox {
	background:url(../../img2/common/top/bg_elbox_200.gif) repeat-y;
}
#main div.elbox {
	background:url(../../img2/common/top/bg_elbox_540.gif) repeat-y;
}
#main div.elbox li p img {
	position:relative;
	top:-2px;
}

/*---------------------------------
	 title題
-----------------------------------*/
div.elttl em,
div.elttl em a,
div.elttl em a:hover,
div.elbox dl dt,
div.elbox dl dt a,
div.elbox dl dt a:hover {
	font-weight:bold;
	color:#555;
}
div.elbox div.elttl {
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #ccc;
}
div.elbox div.elttl em {
	float:left;
	display:block;
	padding:8px 0 6px 10px;
}
div.elbox div.elttl span {
	float:right;
	width:140px;
	text-align:right;
}
div.elbox div.elttl span img {
	margin:5px;
}
div.elbox div.elttl span select {
	display:inline;
	width:130px;
	margin:3px 5px;
}
div#sub div.elbox div.elttl em,
div#extra div.elbox div.elttl em {
	width:180px;
}
#main div.elbox div.elttl em {
	width:390px;
}

/* 分岐 */
div#sub div.elbox div.elttl,
div#extra div.elbox div.elttl {
	background:url(../../img2/common/top/bg_elboxttl_200.gif) no-repeat;
}
#main div.elbox div.elttl {
	background:url(../../img2/common/top/bg_elboxttl_540.gif) no-repeat;
}

/* detailmenu リンク */
div.elbox div.detailmenu {
	margin:7px 10px 7px 0;
}

/* 件数設定パネル */
div.setpanel {
	position:relative;
	top:-5px;
	background:url(../../img2/pe/top/bg_setpanel.gif) no-repeat;
	width:539px;
	margin-left:1px;
	vertical-align:middle;
}
div.setpanel p {
	text-align:right;
	margin:0 10px;
	padding:10px 0 5px 0;
}
div.setpanel p select {
	width:40px;
	border:#999;
}

/*---------------------------------
	 dl
-----------------------------------*/
div.elbox dl {
	overflow:hidden;
}
div.elbox dl dt {
	clear:both;
	line-height:1.4;
	border-bottom:3px solid #f6f6f6;
	margin-bottom:3px;
}
div.elbox dl dd {
	line-height:1.5;
}
div.elbox dl.cat_halflist dd {
	float:left;
	width:90px;
	margin:0;
}
div.elbox dl dd a {
	padding-left:19px;
}

/*---------------------------------
	 ul/dl
-----------------------------------*/
div.elbox ul,
div.elbox dl {
	margin:3px 10px 0 10px;
}
div.elbox ul li,
div.elbox dl dd {
	background:url(../../img2/common/bg_list.gif) no-repeat 5px 8px;
}
div.elbox ul li a img {
	margin-left:2px;
	vertical-align:middle;
}
/* 分岐 */
div#sub div.elbox dl {
	width:180px;
}
#main div.elbox ul,
#main div.elbox dl {
	width:520px;
}

/*---------------------------------
	ul（a only）
-----------------------------------*/
div.elbox.simplelist ul li a {
	display:block;
	padding-left:19px;
}
div.elbox.simplelist ul li a.status_up {
	background:url(../../img2/common/icon_up.gif) no-repeat right center;
}
/*---------------------------------
	ul（a+span）
-----------------------------------*/
div.elbox ul li {
	clear:both;
	overflow:hidden;
	padding:0.4em 0;
	border-bottom:1px solid #f3f3f3;
}
* html div.elbox ul li {
	height:1%;
}
div.elbox ul li img {
	margin-left:3px;
	vertical-align:middle;
}
div.elbox ul li p {
	float:left;
	overflow:hidden;
	margin-left:19px;
	word-break:break-all;
}
* html div.elbox ul li p {
	margin-left:9px;
}
div.elbox ul li p dfn {
	margin-left:10px;
	color:#737373;
	font-size:86%;
}
div.elbox ul li span {
	display:block;
	float:right;
	color:#002c84;
	font-size:91%;
	text-align:right;
}
/*分岐*/
#main div.elbox ul li p {
	width:70%;
}
#main div.elbox ul li span {
	width:25%;
	text-align:right;
}

/* 新着記事(UPアイコン) */
div.elbox .status_up {
	background:url(../../img2/common/icon_up.gif) no-repeat 30px center;
}
/* .el_enq-*/
div.elbox.theme p.el_enq {
	width:160px;
	text-indent:0;
	padding:5px 5px 0 20px;
}

/*---------------------------------
 	ul（a+span+img） ランキング  el_rank
-----------------------------------*/
div.elbox.el_rank {
	margin-top:10px;
}
div.elbox.el_rank ul li p {
	float:left;
	width:125px;
	line-height:1.3;
}
div.elbox.el_rank ul li img {
	float:right;
	width:30px;
	height:30px;
	border:1px solid #ccc;
}
.el_rank span {
	display:block;
	margin:5px 10px;
	color:#737373;
	font-size:86%;
}
/*---------------------------------
 	ul（2行）新着投稿 newpost
-----------------------------------*/
div.elbox.el_rank ul li,
div.elbox.newpost ul li {
	clear:both;
	width:100%;
}
div.elbox.newpost ul li em {
	display:block;
	margin-bottom:5px;
	padding-left:19px;
}
div.elbox.newpost ul li p {
	clear:both;
	width:40%;
	font-size:91%;
}
div.elbox.newpost ul li span {
	display:block;
	float:right;
	width:45%;
	text-align:right;
	color:#002c84;
	font-size:91%;
}
/*---------------------------------
	ul（サムネイル）imglist
-----------------------------------*/
div#sub div.elbox.imglist ul {
	overflow:hidden;
	margin:7px 0 0 10px;
}
div#sub div.elbox.imglist li {
	clear:none;
	float:left;
	background:none;
	width:60px;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
}
div.elbox.imglist li img {
	width:50px;
	height:50px;
	border:3px solid #f6f6f6;
}
div#sub div.elbox.imglist li a,
div#sub div.elbox.imglist li p,
div#extra div.elbox.imglist li a,
div#extra div.elbox.imglist li p {
	width:60px;
	margin:0;
	padding:0;
	text-align:center;
}

/* main */
#main div.elbox.el_gallery {
	padding:0;
}
#main div.elbox.el_gallery ul {
	width:520px;
	margin:5px 10px;
}
#main div.elbox.el_gallery ul li {
	float:left;
	overflow:hidden;
	clear:none;
	background:none;
	width:20%;
	height:11em;
	margin-bottom:0;
	text-align:center;
	border:none;
}
#main div.elbox.el_gallery ul li a,
#main div.elbox.el_gallery ul li div {
	margin:0;
	padding:0;
}
#main div.el_gallery ul li div {
	margin:5px;
}
#main div.el_gallery ul li div img {
	width:90px;
	height:90px;
	margin-bottom:3px;
	border:1px solid #ccc;
}
/*---------------------------------
 	お題,タグ
-----------------------------------*/
div.elbox.el_theme p,
div.elbox.theme p {
	width:180px;
	line-height:1.3;
	margin:7px 10px;
	word-break:break-all;
}
div.elbox.el_theme p.ktcm,
div.elbox.theme p.ktcm,
div.elbox.el_theme p.attention {
	padding:3px 0 0 0;
}
div.elbox.el_theme p span,
div.elbox.theme p span {
	display:block;
	text-align:right;
}
div.elbox.el_theme img,
div.elbox.theme img {
	float:left;
	padding-left:10px;
}
div.elbox.el_theme div.detailmenu,
div.elbox.theme div.detailmenu {
	clear:none;
	margin-bottom:7px;
}
/*---------------------------------
 	マイページright 特集お題枠
-----------------------------------*/
div.elbox.pickup dl {
	overflow:hidden;
	width:182px;
	border-bottom:1px solid #f3f3f3;
}
div.elbox.pickup dl dt {
	border-bottom:none;
	
}
div.elbox.pickup dl dd {
	background:none;	
	margin:0 0 2px 0;
	padding:0;
}
div.elbox.pickup dl dd a {
	padding-left:0;
}
div#contents div.elbox.pickup dl dt.ktcm {
	background-position:5px top;
}
div.elbox.pickup dd.el_theme p,
div.elbox.pickup dd.theme p {
	clear:both;
	line-height:1.3;
	margin:3px 0;
}
div#contents div.elbox.pickup dd.el_theme .attention {
	background-position: left top;
	line-height:1.3;	
}
div.elbox.pickup div.detailmenu {
	margin:0 8px 3px 0;
}
div.elbox.pickup dd.el_theme div.detailmenu  {
	clear: none;
	margin:0 0 3px 0;
}
div.elbox.pickup dd.el_theme a img {
	float:left;	
	margin:0 5px 8px 0;
}

/*---------------------------------
 	特集 
-----------------------------------*/
div.featurebox {
	width:100%;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px solid #f3f3f3;
}
div.featurebox ul li {
	padding:3px 0;
	line-height:1.3;
}
div.elbox p.prinfo {
	line-height:1.2;
	clear:both;
	overflow:hidden;
	width:184px;
	margin:8px 8px 3px 8px;
	padding-bottom:5px;
	border-bottom: 1px solid #f3f3f3;
}
div.elbox p.prinfo img {
	float:left;
	margin:0 5px 5px 0;
}
div.elbox p.prinfo.prin {
	margin:7px 8px 0 8px;
	padding-bottom:6px;
}
div.elbox p.prinfo.prin02 {
	margin:7px 8px 3px 8px;
	padding-bottom:5px;
}
div.elbox p.prinfo span a img {
	margin:3px 0 0 0;	
}
div.elbox p.prinfo a:link,
div.elbox p.prinfo a:visited {
	text-decoration: none;
}
div.elbox p.prinfo a:hover {
	text-decoration: underline;
}
div.tit_pr em {
	background:url(../../img2/cm/adpr/txt_pr.gif) no-repeat 165px 7px;
	display:block;
}
/*---------------------------------
 	mobile
-----------------------------------*/
div.el_mobile span {
	float:left;
	display:block;
	width:90px;
}
div.el_mobile span img {
	margin:8px;
}
div.el_mobile p {
	float:left;
	width:105px;
	padding:5px 0;
}
div.el_mobile p img {
	display:block;
	margin-bottom:2px;
}

/*---------------------------------
 	first_txt コンテンツなし
-----------------------------------*/
div.userselect p.first_txt,
div.elbox p.first_txt {
	margin:10px 15px;
	color:#737373;
	line-height:1.3;
}
div.userselect p.first_txt {
	margin:0 10px;
	padding-bottom:10px;
}
div.userselect p.first_txt span,
div.elbox p.first_txt span {
	display:block;
	background:url(../../img2/common/bg_detaillinks.gif) no-repeat left center;
	margin:7px 0;
	padding-left:16px;
}
div.userselect p.first_txt span a,
div.elbox p.first_txt span a {
	padding:0 6px;
}
div.userselect p.first_txt span a.bset,
div.elbox p.first_txt span a.bset {
	border-right:1px solid #555;
}
/*---------------------------------
 	ローディング画面
-----------------------------------*/
div#contents .loading_now {
	clear:both;
	margin:0;
	padding:20px 0;
	text-align:center;
}
div#contents .loading_now img {
	float:none;
	margin:0;
	padding:0;
}
/*---------------------------------
	 userarea プロフィール枠
-----------------------------------*/
div.userarea {
	overflow:hidden;
	background:url(../../img2/pe/top/bg_userarea.gif?ver=20091009) no-repeat;
	width:200px;
	margin-bottom:10px;
	padding-top:4px;
	border-bottom:1px solid #9dc5f6;
}
div.userarea a.locotane {
	float:right;
	display:block;
	margin:1px;
}
div.userarea p.user_status {
	float:left;
	width:138px;
	margin:3px 0;
}
div.userarea p.user_status em {
	display:block;
	width:138px;
	margin:6px 0 0 6px;
	font-weight:bold;
}
div.userarea p.user_status em a,
div.userarea p.user_status em a:hover {
	font-weight:bold;
	color:#3c3c3c;
}
div.userarea p.user_status img {
	margin-left:6px;
}
div.userarea div.userinfo {
	clear:both;
	overflow:hidden;
	width:188px;
	margin:0 0 6px 6px;
}
div.userarea div.userinfo a img.userimg {
	background:#fff;
	float:left;
	width:85px;
	height:85px;
	border:1px solid #b1b9c0;
}
div.userarea div.userinfo dl {
	float:right;
	width:97px;
	line-height:1.3;
}
div.userarea div.userinfo dl dt img {
	float:left;
	padding:3px;
}
div.userarea div.userinfo dl dt span {
	float:right;
	background:url(../../img2/pe/icon_pe_detail_6.gif) no-repeat left center;
	width:32px;
	font-size:86%;
	text-align:right;
	text-indent:8px;
}
div.userarea div.userinfo dl dd {
	clear:both;
	background:#fff;
	padding:0 3px;
	color:#0a3c8d;
	font-size:86%;
	word-break:break-all;
}
div.userarea div.userinfo dl em {
	display:inline-block;
	font-weight:bold;
	word-break:keep-all;
}
div.userarea div.userinfo dd span.attntn {
	display:block;
	color:#f00;
	/letter-spacing:-1px;
}
div.userarea div.srtools,
div.userarea div.anothertools,
div.userarea div.todaytools {
	clear:both;
	width:188px;
	margin:6px;
}
/* SRオススメ数～ロコ管理 */
div.srtools {
	background:url(../../img2/pe/top/bg_todaytools.gif) no-repeat bottom;
}
div.sr_osusume {
	background:url(../../img2/pe/top/bg_todaytools_head.gif) no-repeat;
	padding-top:6px;
}
div.sr_osusume span {
	display:block;
	float:left;
	width:80px;
	margin-right:12px;
	text-align:center;
}
div.sr_osusume dl {
	float:left;
	width:90px;
}
div.sr_osusume dt img {
	padding:3px 5px;
}
div.sr_osusume dd {
	clear:both;
	background:#fff;
	padding:0 5px;
	color:#3c3c3c;
	font-size:86%;
	word-break:break-all;
}
div.sr_osusume dd em {
	font-weight:bold;
}
div.userarea div.srtools div.detailmenu {
	clear:both;
	background:none;
	width:188px;
	height:auto;
	border:none;
}

/* SR会員登録 */
div.nosr {
	background-image:none;
	background:#f5fbff;
	height:26px;
	margin:6px;
}
div.nosr img {
	float:left;
	margin:3px 10px 0 17px;
}
div.nosr span {
	float:left;
	background:url(../../img2/pe/icon_pe_detail_6.gif) no-repeat left center;
	padding-left:10px;
	font-size:86%;
	line-height:26px;
}

div.userarea div.anothertools a img,
div.userarea div.anothertools span {
	margin-top:6px;
}

div.userarea div.todaytools {
	overflow:hidden;
	width:100%;
	background:url(../../img2/pe/top/bg_todaytools.gif) no-repeat left bottom;
}
div.userarea div.todaytools dl {
	overflow:hidden;
	float:left;
	width:91px;
	padding-bottom:6px;
}
div.userarea div.todaytools dl dt {
	width:100%;
	height:20px;
	margin-bottom:3px;
}
div.userarea div.todaytools dl dt img {
	width:85px;
	margin:0 6px;
}
div.userarea div.todaytools dl dd {
	clear:both;
	width:100%;
	text-align:right;
}
div.userarea div.todaytools dl.todayweather,
div.userarea div.todaytools dl.todayweather dl {
	width:180px;
}
div.userarea div.todaytools dl dd {
	clear:both;
	width:100%;
	text-align:right;
}
div.userarea div.todaytools dl.todayweather {
	background:url(../../img2/pe/top/bg_todaytools_head.gif) no-repeat;
	width:188px;
	padding-top:6px;
}
div.userarea div.todaytools dl.todayweather dt p {
	padding:2px 5px 0 10px;
}
div.userarea div.todaytools dl.todayweather dt p span {
	margin-left:17px;
}
div.userarea div.todaytools dl.todayweather dd p {
	float:left;
	width:50%;
	height:27px;
	line-height:27px;
	text-align:center;
}
div.userarea div.todaytools dl.todayweather dd p span {
	color:#e10000;
}
div.userarea div.todaytools dl.todayweather dd p span.mintemp {
	color:#2576ec;
}
div.userarea div.todaytools dl.todayweather dd p img {
	margin:0 5px;
}
div.userarea div.todaytools dl.todayweather dd p.sometime {
	background:url(../../img2/pe/top/bg_wtr_time.gif) no-repeat center;
}
div.userarea div.todaytools dl.todayweather dd p.whr_move {
	background:url(../../img2/pe/top/bg_wtr_move.gif) no-repeat center;
}

div.userarea div.anothertools {
	background:url(../../img2/pe/top/bg_todaytools.gif) no-repeat 0 bottom;
	height:138px;
}
div.userarea div.anothertools .sortbtn {
	background:url(../../img2/pe/top/bg_todaytools_head.gif) no-repeat;
	padding-left:6px;
}
div.userarea div.anothertools .tomobile {
	overflow:hidden;
	background:url(../../img2/pe/top/bg_tomobile.gif) no-repeat;
	width:172px;
	margin:6px 0 0 6px;
	padding:2px 1px;
}
div.anothertools .tomobile img {
	float:left;
}
div.anothertools .tomobile span {
	float:left;
	display:block;
	width:95px;
	font-size:86%;
	text-align:right;
}

/* ▽10/29リリースで削除 */
div.userarea div.othertools {
	clear:both;
	width:188px;
	margin:6px;
}
div.userarea div.othertools {
	padding-left:6px;
}
div.userarea div.othertools a img,
div.userarea div.othertools span {
	margin-top:6px;
}
*:first-child+html div.userarea div.othertools span {
	position:relative;
	top:10px;
}
* html div.userarea div.othertools span {
	position:relative;
	top:10px;
}
div.anothertools .tomobile span a {
	background:url(../../img2/common/bg_detaillinks.gif) no-repeat;
	padding:3px 3px 3px 18px;
	line-height:20px;
}
div.userarea div.othertools {
	background:url(../../img2/pe/top/bg_othertools.gif) no-repeat;
	height:77px;
}
div.userarea div.othertools {
	background:url(../../img2/pe/top/bg_othertools.gif) no-repeat;
	height:77px;
}
div.userarea div.detailmenu {
	width:198px;
	height:25px;
	margin:0;
	padding:0;
	background:#ecf9ff;
	border-left:1px solid #9dc5f6;
	border-right:1px solid #9dc5f6;
}
/* △ココマデ */

div.userarea div.detailmenu span {
	margin:5px;
}
/* プレミアムサービス申込 */
#sub div.prem img {
	margin:0 6px;
}
/*---------------------------------
	 userselect ユーザーコンテンツ枠
-----------------------------------*/
div.userselect {
	width:198px;
	background:#ceecff;
	margin-bottom:10px;
	border:1px solid #9dc5f6;
}
div.userselect dl {
	margin:5px;
	width:188px;
	background:url(../../img2/pe/top/bg_todaytools.gif) no-repeat left bottom;
}
div.userselect dl dt {
	background:url(../../img2/pe/top/bg_todaytools_head.gif) no-repeat ;
	padding:9px 0 5px 0;
	font-weight:bold;
}
div.userselect dl dt em {
	margin:0 10px;
}
div.userselect dl dt em,
div.userselect dl dt em a,
div.userselect dl dt em a:hover {
	font-weight:bold;
	color:#3c3c3c;
}
/*---------------------------------
 	el_imglist（3×3）
-----------------------------------*/
div.userselect dl dd ul.el_imglist {
	margin:3px 0 0 3px;
}
div.userselect dl dd ul.el_imglist li {
	float:left;
	width:33%;
	margin-bottom:7px;
	text-align:center;
}
div.userselect dl dd ul.el_imglist li p {
	font-size:91%;
	line-height:1.5;
}
div.userselect dl dd ul.el_imglist a,
div.userselect dl dd ul.el_imglist li {
	margin:0;
	padding:0;
}
div.userselect dl dd ul.el_imglist li img {
	background:#fff;
	width:50px;
	height:50px;
	border:1px solid #ccc;
}
div.elbox ul.el_imglist,
div.elbox ul.el_imglist a,
div.elbox ul.el_imglist li,
div.elbox ul.el_imglist li p {
	background:none;
	margin:0;
	padding:0;
	border:none;
}
div.elbox ul.el_imglist {
	padding:10px 0 0 4px;
}
div.elbox ul.el_imglist li {
	clear:none;
	float:left;
	width:63px;
	margin:0 0 8px 0;
	text-align:center;
}
div.elbox ul.el_imglist li img {
	display:block;
	width:50px;
	height:50px;
	margin:0 auto;
	border:1px solid #ccc;
}
div.elbox ul.el_imglist li p {
	font-size:86%;
	line-height:1.5;
	width:62px;
	padding:0 1px;
	text-align:center;
}
/*---------------------------------
 	登録地域
-----------------------------------*/
div.userselect dl dd ul.import_tlist li {
	margin:0 7px;
	color:#737373;
	padding:3px 0 3px 19px;
}
div.userselect dl dd ul.import_tlist.other {
	background:none;
	padding-bottom:7px;
}

/*---------------------------------
 	sub detailmenu
-----------------------------------*/
div.userselect dl dd div.detailmenu {
	clear:both;
	width:100%;
	padding:7px 0;
}
div.userselect dl dd div.detailmenu span {
	clear:both;
	display:block;
	margin:0 6px 0 0;
}
div.userselect dl dd div.detailmenu p {
	clear:both;
	display:block;
	margin:25px 8px 0 8px;
	padding:5px 0;
	border-top:1px solid #ccc;
}
* html div.userselect dl dd div.detailmenu p {
	margin:10px 8px 0 8px;
}
* html div.userselect dl dd div.detailmenu span a.bset {
	margin-right: 4px;
	padding: 0 4px;
}

/*======================================
	3-3.ShareContents  共通コンテンツ
=======================================*/

/*---------------------------------
	 topi_list（a+span）各記事一覧
-----------------------------------*/
#main div.topi_list {
	clear:both;
	width:100%;
	text-align:left;
	margin-bottom:0;
}
div.topi_list ul {
	clear:both;
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
	border-top:2px solid #d6d6d6;
}
div.topi_list ul li {
	clear:both;
	overflow:hidden;
	background:url(../../img2/common/bg_list.gif) no-repeat 5px 9px;
	width:96%;
	padding:6px 0 6px 19px;
	border-bottom:1px solid #f3f3f3;
}
div.topi_list ul li p {
	float:left;
	width:78%;
}
div.topi_list ul li p img {
	position:relative;
	top:-2px;
}
div.topi_list ul li span {
	display:block;
	float:right;
	font-size:91%;
	color:#002c84;
}
div.topi_list ul li span a {
	margin:0 6px;
}

div.topi_list div {
	float:left;
	width:100%;
	margin-bottom:3px;
}
div.topi_list div em{
	display:block;
	float:left;
	width:70%;
	background:url(../../img2/pe/bg_morettl.gif) no-repeat left center;
	text-indent:19px;
}
div.topi_list div em,
div.topi_list div em a,
div.topi_list div em a:hover {
	font-size:116%;
	font-weight:bold;
	color:#3c3c3c;
}
div.topi_list div span {
	display:block;
	float:right;
	color:#002c84;
	font-size:91%;
	text-align:right;
}
div.topi_list .status_up {
	background:url(../../img2/common/icon_up.gif) no-repeat 0 center;
	padding-left:30px;
}
/* -----「更新日時」追加-------*/
div.topi_list ul.txt_update {
	background:url(../../img2/common/bg_txt_update.gif) no-repeat right top;
	padding-top:17px;
	border:none;
}
/* -----分岐-------*/
div#main div.topi_list ul li p span.files {
	float:none;
    display:inline;
	margin-left:5px;
	color:#737373;
	font-size:77%;
}
/*---------------------------------
	 topi_detail（ttl+text）お知らせ
-----------------------------------*/
div.topi_detail {
	clear:both;
	width:100%;
}
div.topi_detail dl {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
div.topi_detail dl dt {
	background:#e6f4ff url(../../img2/common/bg_minittl.gif) no-repeat 8px center;
	height:30px;
	margin-bottom:20px;
	padding:0 10px 0 20px;
	color:#002c84;
	line-height:30px;
	border-top:2px solid #66aaff;
}
div.topi_detail dl dt em {
	display:block;
	float:left;
	width:70%;
	font-weight:bold;
}
div.topi_detail dl dt span {
	display:block;
	float:right;
	width:25%;
	text-align:right;
}
div.topi_detail dl dd {
	position:relative;
	top:-10px;
	clear:both;
	width:100%;
	border-bottom:1px solid #d6d6d6;
	margin-bottom:10px;
}
div.topi_detail dl dd p {
	margin:0 32px 10px 32px;
}

/*---------------------------------
	 検索枠(main内)
-----------------------------------*/
div.search_area {
	overflow:hidden;
	width:100%;
	background:#f5f5f5 url(../../img2/common/bg_search_area.gif) no-repeat;
	color:#4b747f;
	margin-bottom:20px;
	border-bottom:3px solid #eee;
}
div.search_area dl {
	float:left;
	width:400px;
	padding:15px 0;
	margin-left:24px;
}
* html div.search_area dl {
	margin-left:12px;
}
div.search_area dl dt,
div.search_area dl dd {
	margin-bottom:7px;
}
div.search_area dl dt {
	float:left;
	width:80px;
}
div.search_area dl dt.postdate {
	text-align:center;
}
div.search_area .postbtn {
	float:right;
	width:80px;
	margin:15px 24px 10px 0;
}
div.search_area dl dd {
	float:left;
	width:320px;
}
div.search_area .w120 {
	width:120px;
}
div.search_area .w330 {
	width:316px;
}
div.search_area div.notresults {
	clear:both;
	margin:0 24px;
	border-top:1px solid #ccc;
}
div.search_area div.notresults p,
div.search_area div.notresults ul {
	float:left;
	width:200px;
	padding:7px 0;
}
div.search_area div.notresults ul li{
	background:url(../../img2/common/bg_list.gif) no-repeat 5px center;
	padding-left:19px;
}

/*---------------------------------
	 サイト内検索
-----------------------------------*/
/* side */
div#sub div.elbox.el_search {
	margin-bottom:430px;
	padding-bottom:7px;
}
div#sub div.elbox.el_search div.searchbox {
	overflow:hidden;
	background:#eef6fa;
	width:198px;
	margin:0 1px;
}
div#sub div.elbox.el_search div.searchbox div {
	float:left;
	width:130px;
	padding:10px 0;
}
div#sub div.elbox.el_search div.searchbox .btn {
	float:right;
	padding:10px 5px 10px 0;
}
div#sub div.elbox.el_search div.searchbox select,
div#sub div.elbox.el_search div.searchbox input {
	margin-left:5px;
	line-height:1;
}
div#sub div.elbox.el_search div.searchbox select {
	width:140px;
	margin-top:3px;
}
div#sub div.elbox.el_search div.searchbox input {
	width:136px;
}

/* main */
div.search_list {
	overflow:hidden;
	width:100%;
	border-top:2px solid #d6d6d6;
}
div.search_list ul li {
	float:left;
	width:100%;
	padding:3px 0;
	border-bottom:1px solid #f3f3f3;
}
div.search_list ul li div p {
	clear:both;
	float:left;
	width:60%;
	padding:5px 0 5px 19px;
	background:url(../../img2/common/bg_list.gif) no-repeat 5px 9px;
}
div.search_list ul li div span {
	display:block;
	float:right;
	padding:5px 0;
	color:#002c84;
	font-size:91%;
	text-align:right;
}
div.search_list ul li em {
	margin-left:19px;
	color:#737373;
	font-size:86%;
}
div.search_list ul li div {
	clear:both;
	width:100%;
	margin-bottom:4px;
}
div.search_list ul li p.search_txt {
	clear:both;
	background:#eef7ff;
	width:601px;
	padding:7px;
}

/*----------------------------------
	overture #main
-----------------------------------*/
#main div.admarea {
	clear:both;
	background-color:#f5f5f5;
	width:100%;
	margin:10px 0;
	padding:5px 0;
}
#main div.admarea em {
	padding-left:12px;
	color:#9f9f9f;
	font-weight:bold;
	line-height:1.3;
}
#main div.admarea em a {
	color:#9f9f9f;
	font-weight:normal;
	font-size:80%;
	line-height:1.3;
}
#main div.admarea ul {
	padding:2px 12px;
}
#main div.admarea ul li {
	padding:2px 0;
	line-height:1.3;
}
#main div.admarea span {
	margin-left:1em;
	color:#5e8c8c;
}
/*---------------------------------
	.mntnnc(メンテナンス告知)
-----------------------------------*/
div.mntnnc {
	background:#e6f4ff;
	padding:20px 155px;
	color:#002c84;
	text-align:left;
	line-height:1.5;
	border-top:3px solid #66aaff;
}
* html div.mntnnc {
	padding:10px 140px;
}
div.mntnnc ul {
	margin:10px 0 0 15px;
	padding-bottom:10px;
}
div.mntnnc li {
	margin-bottom:5px;
	font-weight:bold;
}
div.mntnnc li span {
	background:#3359a4;
	margin-right:5px;
	padding:3px 5px;
	color:#fff;
	font-weight:normal;
}
/*---------------------------------
	Overture #extra w120h600
-----------------------------------*/
#extra div.admarea {
	background:url(../../img2/common/bg_overture.gif) repeat-y left top;
	width:100%;
	padding:15px 0;
}
#extra div.admarea em {
	padding-left:5px;
	color:#9f9f9f;
	font-weight:bold;
	line-height:1.3;
}
#extra div.admarea em a {
	color:#9f9f9f;
	font-weight:normal;
	font-size:80%;
	line-height:1.3;
}
#extra div.admarea ul {
	margin-top:10px;
	padding:0 5px;
}
#extra div.admarea ul li {
	margin:0;
	padding:1em 0;
	line-height:1.3;
}
#extra div.admarea span {
	display:block;
	margin:0 0 8px 0;
	color:#5e8c8c;
}
/*---------------------------------
	#IFRAME
-----------------------------------*/
#IFRAME{
    z-index:99;
    position:fixed;
    background-color:#fff;
    top:0;
    left:0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
    border:none;
}
* html #IFRAME { /* ie6 hack */
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
* html:first-child+html #IFRAME { /* ie7only hack */
    position:fixed;
    height:100%;
}

#OVERLAYSCREEN {
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    height:100%;
    width:100%;
}
.OVERLAYSCREENMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.OVERLAYSCREENBG {
    background-color:#fff;
    filter:alpha(opacity=55);
    -moz-opacity:0.55;
    opacity:0.55;
}
* html #OVERLAYSCREEN { /* ie6 hack */
     position:absolute;
     height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
* html:first-child+html #IFRAME { /* ie7only hack */
    position:fixed;
     height:100%;
}
/*======================================
	2010/6/24 タウン下にバナー追加のため　
========================================*/
#pr0624 {margin:30px 0 50px;}

/*======================================
	2010/7/15 ユーザーへの注意文言追加のため　
========================================*/
p.kcaution{text-align:right;font-size:86%;}
.atc_actarea ul li.lcaution{text-align:right;font-size:86%;padding-bottom:4px;color:#555;margin-right:10px;}

/*======================================
	2010/9/6 ユーザーへの注意文言追加のため　
========================================*/
div.elbox ul li.rec{background:none;}
p.printon02 {overflow:hidden;margin:10px auto;text-align:center;}
p.printon02,p.printon02 a {display:block;width:155px;height:27px;background:url(../../img2/lo/btn.gif) 0 -424px no-repeat;text-indent:-9999em;}
p.printon02 a:hover{width:155px;height:27px;background:url(../../img2/lo/btn.gif) 0 -451px no-repeat;}
.btn_area02 {margin:0 auto 20px;text-align:center;}