@charset "utf-8";
/* CSS Document */
/******************************************************************************
*CSS Imformation*

File name: Common-style.css
Description: CommonStyles
Date: 2012.8.21
Contents:
01. PagesStyles
	├01-1. LinkStyle
	├01-2. EditStyle
	├01-3. TextColor
	├01-4. TableStyle
	└01-5. Clearfix
02. Header Block
03. SideBar Block
04. GlobalNavigation Block
05. Content Block
06. Footer Block
07. Footer Navigation Block
08. Form Block
09. sitemap＆pageList Styls
10. errorPage Styles

-------------------------------------------------------------------------------
Font-size Adjustment
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|


url(../../../
url(http://mintj.com/ms/pc/


********************************************************************************/


/*================================================================================
01. PagesStyle
================================================================================*/
html {
	overflow-x: auto;
}

body {
	width: 100%;
	outline: none;
	background-color: #ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
	line-height: 1.5;
	text-align: center;
	color: #333333;
	background: #ffffff url(../../../img/img1/2012/header-bg.png) center top repeat-x;
}

.wrap {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

/*-----必ずfooterをページ下に表示-----*/
html,body,#wrap {//height: 100%;}
body > #wrap{height: auto; min-height: 100%;}


/*
01-1. LinkStyle
-------------------------------------------------------------------------------*/
a,
a:link,
a:active,
a:visited {
	color: #003ca0;
	text-decoration: underline;
}


/*
01-2. Edit
-------------------------------------------------------------------------------*/
del {
	color: #999999;
	text-decoration: line-through;
}

ins {
	border-bottom: 1px dotted #ccc;
}

/*
01-3. TextColor
-------------------------------------------------------------------------------*/
strong,
strong a,
strong a:link,
strong a:active,
strong a:visited,
strong a:hover{
	color: #003ca0;
	font-weight: bold;
}

em,
em a,
em a:link,
em a:active,
em a:visited,
em a:hover{
	color: #003ca0;
}

.caution { color: red;}

/*
1-04. tableStyle
-------------------------------------------------------------------------------*/
/*
table { border: 1px solid #bebebe;}
table tr { border-bottom: 1px solid #cccccc;}
table th { padding: 2px 0; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
table td { padding: 5px 0; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
*/

/*
1-05. ClearFix
------------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix { zoom: 1;}
.clear { clear:both;}

/*================================================================================
02. Header Block
================================================================================*/
#header {
	width: 960px;
	height: 140px;
	overflow: hidden;
	margin-bottom: 5px;
}
#header .logo {
	float: left;
	width: 161px;
	padding: 10px 0 0;
}
#header .logo a {
	display: block;
	width: 161px;
	height: 80px;
	background: transparent url(../../../img/img1/2012/logo.png) top left no-repeat;
	text-indent: -9999px;
}
#header h1 {
	float: left;
	width: 301px;
	text-align: left;
	padding: 20px 0 0 10px;
	font-size: 11px !important;
}
#rotation-banner {
	float: left;
	width: 488px;
	height: 140px;
	overflow: hidden;
}
#topicPath {
	width: 940px;
	margin: 0 auto 15px;
}
#topicPath ol { text-align: left;}
#topicPath ol li { display: inline;}
#topicPath ol li a { margin-right: 6px;}

/*================================================================================
03. Sidebar Block
================================================================================*/

/*
newentry
---------------------------------------------------------------------------------*/
#left-block #newentry-btn { margin-bottom: 20px;}
#left-block #newentry-btn ul {}
#left-block #newentry-btn ul li { text-indent: -9999px;}
#left-block #newentry-btn ul li a { display: block; width: 190px; height: 60px; background: transparent url(../../../img/img1/2012/top/newentry-btn.gif) top left no-repeat;}
#left-block #newentry-btn ul li.man a { margin-bottom: 5px; background-position: top left;}
#left-block #newentry-btn ul li.man a:hover { background-position: bottom left;}
#left-block #newentry-btn ul li.woman a { background-position: top right;}
#left-block #newentry-btn ul li.woman a:hover { background-position: bottom right;}

/*
left-block
---------------------------------------------------------------------------------*/
#left-block {margin-right: 20px; padding-left:10px;  clear:both; float: left; width: 190px; text-align: left;}

/*--------------------pickup-content--------------------*/
#right-block #pickup-content {margin-bottom: 20px;}
#right-block #pickup-content h2 {
	padding-left: 10px;
	height: 30px;

	border: 1px solid #ddd;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;

	background: #f0f0f0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
	background: -webkit-linear-gradient(#ffffff, #f0f0f0);
	background: -moz-linear-gradient(#ffffff, #f0f0f0);
	background: -ms-linear-gradient(#ffffff, #f0f0f0);
	background: -o-linear-gradient(#ffffff, #f0f0f0);
	background: linear-gradient(#ffffff, #f0f0f0);
	-pie-background: linear-gradient(#ffffff, #f0f0f0);

	behavior: url(./PIE.htc);     /* CSS3 PIE */

	line-height: 30px;
	font-size: 14px !important;
	font-weight: bold;
	color: #333;
}
#right-block #pickup-content .box {
	padding: 8px;
	background-color:#fff;
	border: 1px #ddd solid;
	border-width: 0 1px 1px 1px;

	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}

#mobile-qr { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ddd dashed;}
#mobile-qr dt,
#mobile-qr dd { float: left; width: 80px;}
#mobile-qr dd { width: 90px; line-height: 14px; font-size: 11px !important;}

#sp-button {}
#sp-button li { text-indent: -9999px;}
#sp-button li a { display: block; width: 170px; height: 50px; background: transparent url(../../../img/img1/2012/top/app.png) top left no-repeat;}
#sp-button li.android a { margin-bottom: 5px; background-position: top left;}
#sp-button li.android a:hover { background-position: bottom left;}
#sp-button li.iphone a { background-position: top right;}
#sp-button li.iphone a:hover { background-position: bottom right;}


/*--------------------login--------------------*/
#left-block #login {margin-bottom: 20px;}
#left-block #login h2 {
	padding-left: 10px;
	height: 30px;

	border: 1px solid #ddd;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;

	background: #f0f0f0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
	background: -webkit-linear-gradient(#ffffff, #f0f0f0);
	background: -moz-linear-gradient(#ffffff, #f0f0f0);
	background: -ms-linear-gradient(#ffffff, #f0f0f0);
	background: -o-linear-gradient(#ffffff, #f0f0f0);
	background: linear-gradient(#ffffff, #f0f0f0);
	-pie-background: linear-gradient(#ffffff, #f0f0f0);

	behavior: url(./PIE.htc);     /* CSS3 PIE */

	line-height: 30px;
	font-size: 14px !important;
	font-weight: bold;
	color: #333;
}
#left-block #login fieldset {
	padding: 9px;
	background-color:#fff;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;

	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}

#left-block #login input#TBloginId,
#left-block #login input#TBloginPwd,
#left-block #login input#TextBoxLoginTel,
#left-block #login input#TextBoxPassword,
#left-block #login input#TextBoxLoginMail,
#left-block #login input#TextBoxPassword2 { margin-bottom: 5px; padding: 4px 0; width: 168px;}

#left-block #login #PC_LeftUC_B1Login,
#left-block #login #PC_LeftUC_B2Login {margin: 0 0 5px 18px; width: 134px; height:24px;}
#left-block #login #login-forget li {padding-left: 10px; background: transparent url(../../../img/img1/2012/lm1.gif) 0 center no-repeat; font-size: 85%; line-height: 1.7;}


#left-block #login .loginForm  {}
#left-block #login .loginForm #tabs { background-color: #eee; border: 1px solid #ddd; border-width: 0 1px; behavior: url(./PIE.htc);     /* CSS3 PIE */}
#left-block #login .loginForm #tabs li { z-index: 1; float: left; position: relative; width: 94px; text-align: center;}
#left-block #login .loginForm #tabs li a { display: block; position: relative; padding: 5px; outline: none;}
#left-block #login .loginForm #tabs li.active { z-index: 3; background-color: #fff;}
#left-block #login .loginForm #tabs li.active a { color: #333; font-weight: bold;}
#left-block #login .loginForm #tabs li.active a:hover { color: #333; text-decoration: none;}

#left-block #login .loginForm .topicArea { z-index: 2;}
#left-block #login .loginForm .topicArea .topic { padding-top: 1em;} /* jsOFF */
#left-block #login .loginForm .topicArea .topic span { margin-bottom: 5px;}

/*--------------------tissues--------------------*/
#tissues {margin-bottom: 20px; text-align: center;}

/*--------------------comic--------------------*/
#comic {margin-bottom: 20px; text-align: center;}

/*--------------------comic--------------------*/
#app {margin-bottom: 20px; text-align: center;}

/*--------------------rakuten--------------------*/
#rakuten {margin-bottom: 20px; text-align: center;}

/*--------------------download-bt--------------------*/
#download-bt {margin-bottom: 10px; text-align: left;}


/*--------------------affiriate--------------------*/
#affiliate {margin-bottom: 20px;}

/*--------------------event--------------------*/
#event {margin-bottom: 20px;}
#event a img {width: 100%;}

/*
right-block
---------------------------------------------------------------------------------*/
#right-block {padding-right: 10px; float: right; width: 190px; text-align: left;}

/*--------------------pickup-news--------------------*/
#right-block #pickup-news li {margin-bottom: 15px;}

/*--------------------rotation-banner--------------------*/
#right-block #rotation-banner {margin-bottom: 15px;}
#right-block #rotation-banner ul {width: 190px; height: 220px; overflow: hidden;}
#right-block #rotation-banner li {width: 190px; height: 220px;}

/*--------------------twitter-area---------------------*/
#twitter-area {width: 190px; min-height: 290px; background-color: #eeeeee;}
#twitter-area .twitter-timeline {min-width:180px!important;}
#twitter-area .twtr-hd {display:none;}
#twitter-area .twtr-bd {background-color:#33ccff;}
.twtr-scroll .twtr-timeline {overflow-y: scroll !important;}
#twitter-area .twtr-ft div {padding:3px;}
#twitter-area .twtr-ft a {font-size: 76%;}
#twitter-area .twtr-ft img {width:40px;}


#support { margin-bottom:20px;}

/*================================================================================
04. GlobalNavigation Block
================================================================================*/
#global-nav {margin-bottom: 20px;}
#global-nav li {margin-bottom: 2px;}
#global-nav li,
#global-nav li a{display: block; width: 190px; height: 35px;}
#global-nav li { background: transparent url(../../../img/img1/2012/gloval-nav.gif) 0 0 no-repeat;}
#global-nav li.first {background-position: 0 0;}
#global-nav li.price {background-position: 0 -35px ;}
#global-nav li.question {background-position: 0 -70px;}
#global-nav li.diary {background-position: 0 -105px;}
#global-nav li.voice {background-position: 0 -140px;}
#global-nav li.corner {background-position: 0 -175px;}
#global-nav li a:hover img {visibility: hidden;}

/*
#global-nav ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
#global-nav ul li {
	margin-bottom: 2px;
	border: 1px #ddd solid;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

	background: #f0f0f0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
	background: -webkit-linear-gradient(#ffffff, #f0f0f0);
	background: -moz-linear-gradient(#ffffff, #f0f0f0);
	background: -ms-linear-gradient(#ffffff, #f0f0f0);
	background: -o-linear-gradient(#ffffff, #f0f0f0);
	background: linear-gradient(#ffffff, #f0f0f0);
	-pie-background: linear-gradient(#ffffff, #f0f0f0);
	behavior: url(./PIE.htc);
}

#global-nav ul li:hover {
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f0f0), to(#ffffff));
	background: -webkit-linear-gradient(#f0f0f0, #ffffff);
	background: -moz-linear-gradient(#f0f0f0, #ffffff);
	background: -ms-linear-gradient(#f0f0f0, #ffffff);
	background: -o-linear-gradient(#f0f0f0, #ffffff);
	background: linear-gradient(#f0f0f0, #ffffff);
	-pie-background: linear-gradient(#f0f0f0, #ffffff);
}

#global-nav ul li a {
	display: block;
	position: relative;
	display: block;
	width: 162px;
	height: 35px;
	background: transparent url(http://mintj.com/ms/pc/img/img1/2012/lm2.gif) no-repeat scroll left center;
	line-height: 35px;
	margin-left: 10px;
	padding-left: 16px;
	font-weight: bold;
	font-size: 14px !important;
	text-decoration: none;
	color: #444;
}
*/

/*================================================================================
05. Content Block
================================================================================*/
#main-block {
	float: left;
	width: 420px;
	text-align: left;
	/* margin: 0 60px; */
}

/*
site-content
---------------------------------------------------------------------------------*/
#main-block #site-content { padding-bottom: 20px;}
#main-block #site-content h2,
#main-block #search h2 {
	margin-bottom: 20px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	color: #333;
	font-size: 16px !important;
	font-weight: bold;
	border: 1px #ddd solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #f0f0f0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0));
	background: -webkit-linear-gradient(#ffffff, #f0f0f0);
	background: -moz-linear-gradient(#ffffff, #f0f0f0);
	background: -ms-linear-gradient(#ffffff, #f0f0f0);
	background: -o-linear-gradient(#ffffff, #f0f0f0);
	background: linear-gradient(#ffffff, #f0f0f0);
	-pie-background: linear-gradient(#ffffff, #f0f0f0);
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #site-content dl {
	float: left;
	width: 230px;
	margin: 0 10px 10px;
	padding: 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #e4f6ff;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #site-content dt { margin-bottom: 2px; text-align: center; font-weight: bold; color: #003a9f;}
#main-block #site-content dd { font-size: 11px;}
#main-block #site-content dd img { margin-bottom: 5px;}
#main-block #site-content dd a { color: #333; text-decoration: none;}
#main-block #site-content dd a:hover { color: #003ca0; text-decoration: underline;}


/*
search
---------------------------------------------------------------------------------*/
#main-block #search {margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px #ccc dashed; text-align: left;}
#main-block #search fieldset {
	margin: 0 auto;
	padding: 10px 40px;
	width: 420px;
	background-color:#f0f0f0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #search fieldset dl {margin-bottom: 5px; float: left; width: 318px; }
#main-block #search fieldset p {float:left; width: 318px; }
#main-block #search fieldset #ImageButtonSearch { width: 82px;}

#main-block #search dt,
#main-block #search dd {float: left;}
#main-block #search dt {margin-right: 5px; padding-left: 18px; background: transparent url(../../../img/img1/2012/icon-heart.gif) 0 center no-repeat; font-weight:bold;}
#main-block #search dt label {font-weight: bold;}
#main-block #search dd {margin-right: 30px;}
#main-block #search #list {margin: 15px 0 0 11px;}
#main-block #search #list li {
	margin: 0 10px 10px 0;
	padding:6px;
	position: relative;
	overflow: hidden;
	width: 105px;
	height: 128px;
	float: left;
	background: url(../../../img/img1/2012/top/search-bg.png); font-size: 13px !important; text-align: center;
	line-height:1;
}

#main-block #search #list li a.imglink {margin-bottom: 2px; display: block; width: 105px; height: 105px; overflow: hidden;}
#main-block #search #list li.man {background-position: top right; color:#3366ff;}
#main-block #search #list li.woman {color:#ff3399;}
#main-block #search #list li a {text-decoration: none;}
#main-block #search #list li.man a { color:#3366ff;}
#main-block #search #list li.woman a {color:#ff3399;}
#main-block #search #list li .active-click {position: absolute; top: 92px; left:7px; display: none;}

/*
diary
---------------------------------------------------------------------------------*/
#main-block #diary {
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #ffffff url(../../../img/img1/2012/top/diary-bg.gif) 0 0 repeat;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #diary h2 {
	font-size: 24px !important;
	line-height: 1.2;
	color: #003ca0;
	text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-webkit-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-moz-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-ms-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-o-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #diary p span {color:#003ca0;}
#main-block #diary ul {margin: 10px 0; border-top: 1px dashed #cccccc;}
#main-block #diary ul li {margin-top: 5px;  padding: 0 0 5px 50px; border-bottom: 1px dashed #cccccc; background-position: left center; background-repeat: no-repeat; background-color:transparent;}
#main-block #diary ul li.man {background-image: url(../../../img/img1/2012/top/voice-jender-m.gif);}
#main-block #diary ul li.man span {color: #0099ff; font-weight: bold;}
#main-block #diary ul li.woman {background-image: url(http://mintj.com/ms/pc/img/img1/2012/top/voice-jender-w.gif);}
#main-block #diary ul li.woman span {color: #ff3399; font-weight: bold;}
#main-block #diary .moreLink { padding-left: 8px; float: right; width: 12.1em; background: transparent url(../../../img/img1/2012/lm1.gif) 0 center no-repeat;}

/*
voice
---------------------------------------------------------------------------------*/
#main-block #voice {
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #ffffff url(../../../img/img1/2012/top/voice-bg.gif) 0 0 repeat;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #voice h2 {
	font-size: 24px !important;
	line-height: 1.2;
	color: #003ca0;
	text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-webkit-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-moz-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-ms-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-o-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#main-block #voice p span {color:#003ca0;}
#main-block #voice ul {margin: 10px 0; border-top: 1px dashed #cccccc;}
#main-block #voice ul li {margin-top: 5px;  padding: 0 0 5px 50px; border-bottom: 1px dashed #cccccc; background-position: left center; background-repeat: no-repeat; background-color:transparent;}
#main-block #voice ul li.man {background-image: url(../../../img/img1/2012/top/voice-jender-m.gif);}
#main-block #voice ul li.man span {color: #0099ff; font-weight: bold;}
#main-block #voice ul li.woman {background-image: url(../../../img/img1/2012/top/voice-jender-w.gif);}
#main-block #voice ul li.woman span {color: #ff3399; font-weight: bold;}
#main-block #voice .moreLink { padding-left: 8px; float: right; width: 12.1em; background: transparent url(../../../img/img1/2012/lm1.gif) 0 center no-repeat;}

/*
newentry-small
---------------------------------------------------------------------------------*/
#newentry-small {position: relative; width: 520px; height: 224px;}
#newentry-small ul {position: absolute; top: 160px; left: 43px;}
#newentry-small li,
#newentry-small li a { display: block; width: 212px; height: 42px; }
#newentry-small li {float: left; background: transparent url(../../../img/img1/2012/newentry-btn-s.gif) top left no-repeat;}
#newentry-small li.man {margin-right: 10px;}
#newentry-small li.woman {background-position: top right;}
#newentry-small li a:hover img {visibility: hidden;}

/*================================================================================
06. Footer Block
================================================================================*/
#footer {text-align: left; padding-top: 50px; clear:both; background: transparent url(../../../img/img1/2012/footer-bg.png) center 84px repeat-x; }
#footer .wrap {margin: 0 auto; width: 920px;}
#footer #gotop { display: block; margin-bottom: 30px; text-align: right;}
#footer .footer-nav {
	padding: 10px;
	float: left;
	width: 380px;
	background-color: rgba(255,255,255,0.75);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#75ffffff,EndColorStr=#75ffffff);
	border: 1px solid #81A0D1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
	position:relative;
}
#footer #footer-support {float: right; width: 500px; height: 120px;}
#footer #registered-no {padding-top:20px; clear:both; font-size:85%; text-align: right; }
#footer address { background-color: #003ca0; text-align: center;}

/*================================================================================
07. Footer Navigation Block
================================================================================*/
#footer .footer-nav ul {margin-right: 15px; float: left; width: 7em;}
#footer .footer-nav ul.home li {background: transparent url(../../../img/img1/2012/icon-home.gif) 0 center no-repeat; padding-left: 1em;}
#footer .footer-nav ul.utility-menu {width: 10em;}
#footer .footer-nav a {color: #444444; font-size: 13px !important; text-decoration: none;}
#footer .footer-nav a:hover {color: #003ca0;}
#footer #ga {display:none;}

/*================================================================================
08. Form Block
================================================================================*/
/*
formparts
---------------------------------------------------------------------------------*/
form {margin: 0; padding: 0;}
fieldset {border: none;}
legend { margin: 0; padding: 0; display: none; }

input[type=text],
select
textarea {
	padding: 5px 0;
	border: #bbbbbb 1px solid;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
	font-size: 12px;
	background-color: #fcfcfc;
}
input.check, input#RadioButtonLoginMail, input#RadioButtonLoginTelno {
	border: medium none;
	background-color: transparent;
}
select,textarea { border: #cccccc 1px solid; }

*html body input { display: inline; vertical-align: middle; height: 22px;}/*for lte IE6*/

/*--------------------formButtonStyle--------------------*/
form input.image,
form input.button {margin: 0; padding: 0; border: none;}
form #formButton {margin-top: 30px;text-align: center;}
form #formButton input {
	padding: 3px 0;
	width: 100px;
	border: 2px solid #eeeeee;
	border-color: #eeeeee #999999 #999999 #eeeeee;
	background-color: #cccccc;
}
form #formButton input:focus {
	position:relative;
	top: 1px;
	left: 1px;
	border-color: #999999 #eeeeee #eeeeee #999999;
	background-color: #cccccc;
}

/*--------------------formActionStyle--------------------*/
input:focus,
textarea:focus,
select:focus { background-color: #f5f5f5; }
input.image:focus {position: relative; top:1px; left: 1px;}

/*--------------------table in form--------------------*/
/*form table { font-size: 13px; }
form table th {
	padding: 5px 20px;
	width: 150px;
	vertical-align: middle;
	background-color: #eeeeee;
	font-weight: normal;
	text-align: left;tttt
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
form table td {padding: 10px 20px; border-bottom: 1px dashed #cccccc;}
form table td input[type=text] {width: 390px; background-color: #ffffff; }
form table td textarea {width: 390px; height: 12em;}
form.confirm td {width: 370px;}*/

/*--------------------extra--------------------*/
span.essential { color: #ff6600; }
form p.error {color: red;}
ul#errorList li { margin: 10px; color: #ff0000; list-style-position: inside; list-style-type: disc;}



/*================================================================================
09. #content-block
================================================================================*/

#content-block { float: left; width: 730px; padding-right: 10px;}

#content-block .title_404 { font-size: 197%;}
#content-block .subtitle_404 { font-size: 197%; color: #888;}

/*
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|
*/


#photo { float: left; width: 200px; padding-left: 30px;}
#photo img { max-width:200px;}

#member-name {
	margin-bottom: 20px;
	background-color: #003ca0;
	font-size: 116%;
	color: #fff;
	text-align: center;
	line-height: 2;
}

#profile-box { padding-right: 30px; float: right; width: 440px;}
#profile-box table,
#profile-box table tr,
#profile-box table th,
#profile-box table td { border:none; text-align: left;}
#profile-box table th,
#profile-box table td { padding: 5px; border-bottom: 1px dashed #cccccc; font-size: 108%;}
#profile-box table th { width: 9em; background-color: #f5f5f5; color:#333;}

#404-box {
}