@charset "utf-8";

/*
*	Title: Mopi Communicator Basic マイページ基本CSS
*	URI: http://mopi.biz/
*	Last Modified: 2009-06-01
*	Author: Melia corp.
*/

/*======================================

	1-1. base setting
	
=======================================*/

* {
	margin : 0;
	padding : 0;
	border-color: #C00;
	}
	
body {
	line-height : 1.8em;
	font-family : 'Meiryo', verdana, 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pgothic', sans-serif;
	color : #333333;
	font-size : 10pt;
	background: url(/images/common/top_back.jpg) repeat-x #FF9900;
}

a:link { color : #0066FF; text-decoration:underline; }
a:visited { color : #0066FF; text-decoration:underline; }
a:hover { color :#ff6600; text-decoration:underline; }
a:active { color : #ff6600; text-decoration:underline; }

/*======================================

	1-2.Text Module
	
=======================================*/

p,pre,blockquote,address,cite {
	margin: 0 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0 0;
	font-weight: normal;
	font-size: 100%;
}
img {
	border : 0;
}

/*======================================

	1-3.List Module
	
=======================================*/
ul,ol,dl {
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
}
li {

}
dt {
}
dd {
}
li li,li p,li pre,li dt,li dd,dd li,dd p,dd pre,dd dt,dd dd {
	font-size: 100%;
}
li ul,li ol,li dl,li p,dd ul,dd ol,dd dl,dd p {
}
/*======================================

	3-1. parts
	
=======================================*/
#container {
	width: 860px;
	margin: 0 auto;
	background-color: #FFF;
}
* html #container {
	width: 860px;
	text-align: center;
}
* html .containerInner {
	text-align: left;
}
#subContainer {
	width: 380px;
	margin: 0 auto;
	background-color: #FFF;
}

/* タイトル部 */
#headerContainer {
	margin: 0;
	background: url(/images/common/top_header_back.jpg) repeat-y right top;
}
#headerContainer A {
	text-decoration: none;
}
#headerContainer .headerContainerInner {
	height: 130px;
}
#headerContainer H1 {
	font-size: 120%;
	padding: 0;
	margin: 0;
	width: 220px;
	float: left;
}
#headerContainer .headerInformation {
	padding: 0 20px;
	font-size: 70%;
}
#headerContainer .tops {
	height: 95px;
}
#headerContainer .tops .logout {
	text-align: right;
	width: 200px;
	float: right;
	font-size: 90%;
	margin: 5px 10px;
}
#headerContainer .myHeaderPageName {
	float: right;
	width: 400px;
	text-align: right;
	margin: 70px 10px 0;
	padding: 0;
	color: #666;
	font-size: 9px;
}

#headerContainer .bottoms {
	clear: both;
}
#headerContainer .headerNavi {
}

#headerContainer .bottomsButtons {
	width: 100%;
	height: 40px;
	background: url(/images/common/top_header_line.gif) repeat-x;
}
#headerContainer .bottomsButtons ul {
	margin: 0 auto 0 auto;
	width: 800px;
}
#headerContainer .bottomsButtons ul li {
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 200px;
	height: 35px;
}
#headerContainer .bottomsButtons ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#headerContainer .bottomsButtons ul li span {
	display: none;
}
#headerContainer .bottomsButtons ul li.buttonHome {
	background: url(/images/common/top_buttons_home.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonHome A:hover {
	background: url(/images/common/top_buttons_home_hov.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonRegist {
	background: url(/images/common/top_buttons_regist.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonRegist A:hover {
	background: url(/images/common/top_buttons_regist_hov.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonWhats {
	background: url(/images/common/top_buttons_whats.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonWhats A:hover {
	background: url(/images/common/top_buttons_whats_hov.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonNews {
	background: url(/images/common/top_buttons_news.gif) no-repeat 0 4px;
}
#headerContainer .bottomsButtons ul li.buttonNews A:hover {
	background: url(/images/common/top_buttons_news_hov.gif) no-repeat 0 4px;
}

#subContainer #headerContainer {
	height: 60px;
	color: #009900;
	font-size: 80%;
}
#subContainer #headerContainer .headerContainerInner {
	padding: 5px;
}
#subContainer #headerContainer .subHeaderTitle {
	font-weight: bold;
}
#subContainer #headerContainer .subClose {
	text-align: right;
}

#footerContainer {
	border-top-width: 10px;
	border-top-style: solid;
	font-size: 90%;
	clear: both;
}
#footerContainer .footerContainerInner {
	background-image: url(/images/common/top_footer_back.gif);
	background-repeat: repeat-x;
	padding: 10px;
	margin: 0;
	text-align: center;
}
*+html #footerContainer .footerContainerInner {
	margin-top: -10px;
}
* html #footerContainer .footerContainerInner {
	margin-top: -10px;
}
#footerContainer .footerMenu {
	color: #770A04;
}
#footerContainer .footerMenu A {
	color: #770A04;
}
#bodyContainer {
	clear: both;
	padding: 0;
	margin: 0;
}
.bodyContainerInner {
	padding: 5px 0;
	margin: 0;
	background-image: url(/images/common/header_shadow.gif);
	background-repeat: no-repeat;
}
* html .bodyContainerInner {
	padding: 0;
}
/* 左カラム部 */
#leftContainer {
	background-color: #fff;
	float: left;
	width: 210px;
	padding: 0;
	margin: 0;
}
#leftContainer .leftContainerInner {
	padding: 0;
	margin: 10px 10px 10px 5px;
}
#leftContainer .contents {
	background-image: url(/images/common/left_line_shadow.gif);
	background-repeat: no-repeat;
}
#leftContainer .contentsInner {
	padding: 10px 0 10px;
}
#leftContainer H3 {
	border-bottom-width: 8px;
	border-bottom-style: solid;
	font-size: 110%;
	font-weight: bold;
	padding: 0 4px;
	color: #333;
}
#leftContainer UL {
	padding: 0;
	margin: 0 5px;
}
#leftContainer .columnMenu {
	padding-bottom: 10px;
}
#leftContainer .columnMenu UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 210px;
}
#leftContainer .columnMenu UL LI {
	margin: 5px 15px 0 0;
	background-image: url(/images/common/column_menu.gif);
	background-repeat: no-repeat;
}
#leftContainer .columnMenu UL LI A {
	text-decoration: none;
	display: block;
	padding: 4px 17px;
	background-color: #f4f4f4;
	background-image: url(/images/common/column_menu.gif);
	background-repeat: no-repeat;
}
#leftContainer .columnMenu UL LI A:link {
	color: #333;
}
#leftContainer .columnMenu UL LI A:visited {
	color: #333;
}
#leftContainer .columnMenu UL LI A:hover {
	color: #fff;
	background-image: url(/images/common/column_menu_hov.gif);
	background-repeat: no-repeat;
}
#leftContainer .columnMenu UL LI A:active {
	color: #ff0000;
}
#leftContainer .columnMenu UL LI.nowOn A {
	color: #009900;
}
/* メイン部分 */
#mainContainer {
	float: right;
	width: 640px;
}
#mainContainer .mainContainerInner {
	margin: 5px 5px 5px 10px;
}
#mainContainer .contents {
	background-image: url(/images/common/main_line_shadow.gif);
	background-repeat: no-repeat;
}
#mainContainer .contents .contentsInner {
	padding: 10px 0 20px;
}
#mainContainer .contents .loungeContentsInner {
	padding: 10px 0 0px;
}
#mainContainer H3 {
	font-size:110%;
	font-weight: bold;
	padding: 5px 0 0 2px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
}
#mainContainer .information {
	border: 1px solid #666;
	text-align: center;
	background-color: #ddd;
	padding: 10px;
	font-weight: bold;
	background-image: url(/images/common/message_back.gif);
	margin: 10px;
}
#mainContainer .adminText {
	border: 1px dotted #3366ff;
	background-color: #b3d9ff;
	color: #0066cc;
	padding: 10px;
	margin: 10px;
}
#mainContainer .comLoginfailed {
	padding: 20px;
}
#mainContainer .messageSpace {
	margin: 10px;
}
.logoutMessage {
	border: 1px solid #666;
	text-align: center;
	background-color: #ddd;
	padding: 10px;
	font-weight: bold;
	background-image: url(/images/common/message_back.gif);
	margin: 10px;
}

/* コーナー */
.formStyle {
	background-color: #daf6e0;
	border: 1px dotted #89d8ac;
}
.listStyle {
	margin-left: 10px;
	background-color: #daf6e0;
}

/*======================================

	2-1. utility
	
=======================================*/

.imeOff {
	ime-mode: disabled;
}
.small {
	font-size: 80%;
}
.toLink {
	height: 28px;
	margin: 0 5px;
	padding-left: 26px;
	background: url(../images/common/tolink.gif) no-repeat;
	background-position: 0 3px;
}
.toButton {
	margin: 10px 5px 0 5px;
}
.toButton A {
	display: block;
	background: url(../images/common/tobutton.gif) no-repeat;
	width: 133px;
	height: 33px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.toButton A:hover {
	background: url(../images/common/tobutton_hov.gif) no-repeat;
	color: #c00;
}
.toButton A SPAN {
	display: block;
	padding: 5px 0 0 20px;
}
/*======================================

	2-2.title list Module
	
=======================================*/
ul.listPageTab {
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}
ul.listPageTab li {
	float: left;
	padding: 0;
	width: 18%;
	text-align: center;
}
ul.listPageTab li.allPage {
	width: 25%;
	float: right;
	text-align: right
}

/*======================================

	3-2.Forms Module
	
=======================================*/
form {
	margin:  0;
	padding: 0;
	width: 100%;
}

form dl,
form p {
	margin: 0;
}

input,
textarea,
select {
	margin: 0;
	padding: 2px 3px;
	border: 1px solid #666;
	background-color: #fafafa;
}

textarea {
	padding: 2px 3px;
}

input.inputField {
	color: #c4a38c;
}

input.submit {
	background-color: #666;
	border: 2px solid #ddd;
	color: #fff;
	text-align: center;
	padding: 3px 10px;
	font-weight: bold;
}
input.before {
	background-color: #666;
}
input.confirm {
	background-color: #333;
}

input.submit:hover {
	background-color: #666;
}

input.radio {
	background-color: transparent;
	background-image: none;
	border: none;
}
input.checkbox {
	background-color: transparent;
	background-image: none;
	border: none;
}
.submitGroup {

}
.mopiAnounce {
	margin: 10px;
}

form table {
}
form img {
}
form td {
	text-align: left;
	padding-bottom: 10px;
}
form th {

}

form td span {
	font-size: 12px;
}

form .withBefore {
	text-align: left;
	margin-top: 0;
}

form#mainForm {
	padding: 10px 0;
}
* html form#mainForm {
	width: 92%;
}

form#mainForm dl,
form#mainForm p {
	margin: 0;
}

form#mainForm fieldset {
}

form#mainForm legend {
}

form#mainForm input,
form#mainForm textarea,
form#mainForm select {
	margin: 0 3px;
}

form#mainForm input:hover,
form#mainForm textarea:hover {
}

form#mainForm input:focus,
form#mainForm textarea:focus {
}

form#mainForm textarea {
}

form#mainForm input.inputField {
}

form#mainForm input.submit {
}
form#mainForm input.submit_confirm {
}

form#mainForm input.submit:hover {
}

form#mainForm input.radio {
}

form#mainForm table {
	margin: 0;
	border: none;
	background-color: transparent;
	width: 100%;
	border-collapse: separate;
}
form#mainForm img {
}
form#mainForm td {
	text-align :left;
	border: none;
	background-color: transparent;
}
form#mainForm td.t {
	width: 125px;
	border-left: 10px solid #666;
	padding: 0 6px;
	font-weight: bold;
	background-color: #e7e7e7;
}

form#mainForm th {
	border-right: 0px solid white;
	border: transparent;
	background-color: transparent;
}

form#mainForm td span {
	font-size: 12px;
}

form#mainForm .withBefore {
	text-align: left;
	margin-top: 3px;
}
form#mainForm .withBefore span{
	margin-right:20px;
}
form#mainForm dl {
	margin: 0 0 0 10px;
}
form#mainForm dt {
	border-left: 10px solid #333;
	padding: 0 0 0 8px;
	font-weight: bold;
	background-color: #e7e7e7;
}
form#mainForm dd {
	padding: 8px 0 15px 20px;
}
form#subForm {
	padding: 20px;
	width: 100%;
}

form#subForm dl,
form#subForm p {
	margin: 0;
}

form#subForm fieldset {
}

form#subForm legend {
}

form#subForm input,
form#subForm textarea,
form#subForm select {
	margin: 0 3px;
}

form#subForm input:hover,
form#subForm textarea:hover {
}

form#subForm input:focus,
form#subForm textarea:focus {
}

form#subForm textarea {
}

form#subForm input.inputField {
}

form#subForm input.submit {
}
form#subForm input.submit_confirm {
}

form#subForm input.submit:hover {
}

form#subForm input.radio {
}

form#subForm table {
	margin: 0;
	border: transparent;
	background-color: transparent;
	width: 95%;
}
form#subForm img {
}
form#subForm td {
	text-align :left;
	padding: 5px 5px 8px;
	border: transparent;
	background-color: transparent;
}
form#subForm td.title {
	width: 150px;
}


form#subForm th {
	border-right: 0px solid white;
	border: transparent;
	background-color: transparent;
}

form#subForm td span {
	font-size: 12px;
}

form#subForm .withBefore {
	text-align: right;
	margin-top: -1.7em;
}
form#subForm .withBefore span{
	margin-right:20px;
}

/*======================================

	3-3.Tables Module
	
=======================================*/

table {
	background-color: transparent;
	width: 100%;
	border-collapse: collapse;
}

tr.line2 {
	background-color: #e7e7e7;
}
td {
	padding: 3px 5px;
	font-size:90%;
}
th {
	padding: 0;
	font-size:80%;
	background-color: #333;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

/*======================================

	3-3.Others
	
=======================================*/
#blogAdminMenu {


}
#blogAdminMenu .blogName {
	border-left: 8px solid #B4E4C1;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 8px;
	color: #3cb371;
}
#blogAdminMenu UL {
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#blogAdminMenu UL LI {
	display: inline;
	padding: 0 3px;
	margin: 0;
}
h4 {
	background: url(/images/common/top_h4_line.jpg) no-repeat;
	font-size: 110%;
	font-weight: bold;
	padding: 9px 0 9px 62px;
	margin: 20px 0 10px;
}
.myTopInformation {
	border: 1px solid #3cb371;
	font-size: 90%;
}

.topProfImage {
	text-align: center;
}
.menuProfList {
	text-align: center;
}
.middleMenu {
	margin: 10px 0 15px;
}
.middleMenu UL {
	margin: 5px 5px;
	padding: 0;
	list-style-type: none;
}
.middleMenu UL LI {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
.middleMenu UL LI A {
	display: block;
	text-decoration: none;
	padding: 1px 8px;
	border-left: 6px solid #ccc;
	background-color: #fff;
}
.middleMenu UL LI A:link {
	color: #333;
}
.middleMenu UL LI A:visited {
	color: #333;
}
.middleMenu UL LI A:hover {
	color: #fff;
	border-left: 6px solid #888;
	background-color: #666;
}
#topicPath {
	margin-bottom: 10px;
}
#topicPath .yajirushi {
	background: url(../images/common/topic_path.gif) no-repeat;
	padding: 0 10px 0 18px;
}
.adminInformation {
	margin: 10px;
}
#messageContainer {
}
#messageContainer .messageShowTable {
	width: 100%;
}
#messageContainer .messageShowTable td {
	border: 3px solid #666;
	padding: 3px 8px;
	background-color: #f7f7f7;
}
#messageContainer .messageShowTable td.t {
	background-color: #666;
	width: 80px;
	color: #fff;
}
#messageContainer .messageShowTable td.subject, #messageContainer .messageShowTable td.text {
	background-color: #fff;
}

#objectList {
	padding: 10px 0;
}
#objectList Table {
	border-width: 4px;
	border-style: solid;
	width: 100%;
}
#objectList Table td {
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	text-align: center;
}
#objectList Table td.noObject {
	background-color: #ddd;
}

.pageNavigator {
	margin: 20px 5px 5px 5px;
}
.pageNavigator .firstword {
	float: left;
	font-size: 80%;
}
.pageNavigator .pageBox {
	float: left;
	margin-right: 2px;
}
.pageNavigator .pageBox A, .pageNavigator .pageBox SPAN {
	display: block;
	width: 22px;
	height: 20px;
	border: 1px solid #666;
	text-align: center;
	text-decoration: none;
}
.pageNavigator .pageBox A {
	background-color: #fff;
}
.pageNavigator .pageBox SPAN {
	background-color: #eee;
}
.pageNavigator .allCount {
	padding-top: 2px;
	float: right;
}

.mopiListNodata {
	border: 1px solid #666;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	background: url(/images/common/message_back_2.gif) no-repeat;
}
.message {
	border: 1px solid #666;
	text-align: center;
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	background: url(/images/common/message_back_2.gif) no-repeat;
}

table.ichiran {
	margin: 0;
	border: none;
	background-color: transparent;
	width: 100%;
	border-collapse: separate;
	margin: 10px 0;
}
table.ichiran td {
	text-align :left;
	border: none;
	background-color: transparent;
}
table.ichiran td.t {
	width: 125px;
	border-left: 10px solid #666;
	padding: 0 6px;
	font-weight: bold;
	background-color: #e7e7e7;
}

table.ichiran th {
	border-right: 0px solid white;
	border: transparent;
	background-color: transparent;
}

.miniBlog {
	background-image: url(/images/common/diary_back.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	padding: 0 10px;
	height: 58px;
}
.miniBlog Table {
	width: 100%;
	height: 100%;
}
.miniBlog Table TD {
	padding-bottom: 5px;
}
.miniBlog Table TD A {
	text-decoration: none;
	display: block;
}
#sinseiButtons {

}
#sinseiButtons UL {
	margin: 5px 3px;
	padding: 0;
	list-style-type: none;
}
#sinseiButtons UL LI {
	float: left;
	width: 86px;
	height: 28px;
	margin: 0 3px;
	padding: 0;
}
#sinseiButtons UL LI A {
	width: 86px;
	height: 28px;
	display: block;
}
#sinseiButtons UL LI A.messageButton {
	background: url('/images/common/button_message.gif') no-repeat;
}
#sinseiButtons UL LI A.friendButton {
	background: url('/images/common/button_friend.gif') no-repeat;
}
#sinseiButtons UL LI A.messageButton:hover {
	background: url('/images/common/button_message_hover.gif') no-repeat;
}
#sinseiButtons UL LI A.friendButton:hover {
	background: url('/images/common/button_friend_hover.gif') no-repeat;
}
.tNone {
	display: none;
}

#leftContainer #linkListAll {
	height: 300px;
	 overflow: auto;
	 scrollbar-base-color: #ddd;
}
.list ul {
}
.list ul li {
	border-left: 10px solid #ccc;
	margin: 5px 0;
	padding: 0 10px 0 ;
}
.linkListSep {
	background-image: url(/images/common/header_point.gif);
	background-repeat: no-repeat;
	border-bottom: 2px solid #333;
	color: #333;
	padding: 0 0 0 25px;
	margin: 8px 0 4px 3px;
}

.list Table {
	border-left: 10px solid #666;
	border-right: 10px solid #666;
}
.list Table TD {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 5px;
}


#sphBodyImage {
	width: 130px;
	height: 130px;
	float: right;
}
/* スライド画像 */
#sphBodyImage #s3slider { 
   width: 130px; /* important to be same as image width */ 
   height: 130px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background-color: #333;
}
#sphBodyImage #s3sliderContent {
   width: 130px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0;
   list-style-type: none;
   margin-top: 0;
}
#sphBodyImage .s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
#sphBodyImage .s3sliderImage TABLE {
   width: 130px;
   height: 130px;
   margin: 0;
   padding: 0;
   border-collapse: collapse;
}
#sphBodyImage .s3sliderImage TABLE TD {
   margin: 0;
   padding: 0;
   text-align: center;
}
#sphBodyImage .s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0;
   width: 0;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
}


#galBodyImage {
	float: left;
}
/* スライド画像 */
#galBodyImage #s3slider { 
   position: relative; /* important */
   overflow: hidden; /* important */
   background-color: #333;
}
#galBodyImage #s3sliderContent {
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0;
   list-style-type: none;
   margin-top: 0;
}
#galBodyImage .s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
#galBodyImage .s3sliderImage TABLE {
   margin: 0;
   padding: 0;
   border-collapse: collapse;
}
#galBodyImage .s3sliderImage TABLE TD {
   margin: 0;
   padding: 0;
   text-align: center;
}
#galBodyImage .s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 5px;
   width: 100%;
   background-color: #222;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
}

#galleryImage Table.gallerySams {
	float: right;
	background-color: #222;
}
#galleryImage Table.gallerySams td {
	text-align: center;
}
.profTable {
	border: 2px solid #666;
	background-color: #fff;
	border-left: 12px solid #666;
}
.profTable TD {
	padding: 5px 10px;
}
.profTable TD.t {
	width: 160px;
	background-color: #eee;
}
.profTable H5 {
	font-weight: bold;
	margin: 20px 0 0 0;
}
.profTable UL.blogNewList {
	margin: 3px 0 0 25px;
	list-style-image: url(/images/common/list_pochi.gif);

}
.pbTop {
	font-weight: bold;
	font-size: 110%;
}

.pbTable {
	border: 2px solid #666;
	background-color: #fff;
	border-left: 12px solid #666;
}
.pbTable TD {
	padding: 5px 10px;
	border-bottom: 1px dotted #666;
}
.pbTable TD.t {
	width: 160px;
	background-color: #eee;
}

.topInformation {
	margin: 10px 0 10px 25px;
	list-style-image: url(/images/common/list_pochi.gif);
}
#topImage {
	background: url(/images/common/top_image.jpg) no-repeat;
	width: 860px;
	height: 183px;
	margin: -5px 0 0 0;
}
.menuLogin {
	background: url(/images/common/top_login_back.gif) no-repeat;
	height: 120px;
	font-size: 7px;
	line-height: 1.8em;
}
.subLoginForm {
	padding: 6px 13px;
}
.subLoginForm .submit {
	background: url(/images/common/login_button.gif) no-repeat;
	color: white;
	font-size: 0;
	border: none;
	width: 65px;
	height: 20px;
	margin: 3px 0 0 95px;;
}
.menuWelcome {
	padding: 10px 20px;
	font-size: 12px;
	line-height: 2.2em;
}
.menuWelcome UL {
	margin: 10px;
}
.menuWelcome UL LI {
	line-height: 2.2em;
}
.comLoginfailed {
	color: red;
	font-size: 75%;
}
.registForm {
	padding: 28px 30px 0;
	background: url(/images/common/regist_form_back.jpg) no-repeat;
	height: 90px;
	margin: 10px 0;

}

#kiyaku DT {
	font-size: 105%;
	font-weight: bold;
	border-bottom: 2px solid #f90;
	padding-left: 0;
	margin:5px;
}
#kiyaku DD {
	margin: 5px 15px 10px;
}
#kiyaku UL {
	list-style-image: none;
	list-style-type: none;
	margin: 5px 0 5px 20px;
}
#kiyaku UL LI {
	text-indent: -1.5em;
}
#kiyaku UL UL {
	margin-left: 20px;
}

#whats UL {
	margin: 0 10px;
}
#whats UL LI {
	background: url(/images/common/whats_list_back.jpg) no-repeat;
	padding: 5px 0 5px 30px;
	line-height: 2.5em;
	
}
#whats .chu {
	margin: 30px 10px 10px;
	font-size: 80%;
}
.kuwashiku {
	margin: 5px 10px 10px;
}

#topBanners {
}
#topBanners .contentsInner {
	text-align: center;
	font-size: 10px;
}
#topBanners .contentsInner p {
	text-align: left;
	padding: 5px 5px 10px 10px;
	line-height: 1.8em;
}
#blgImage {
	width: 620px;
	height: 200px;
	background: url(/images/common/blg_image.jpg) no-repeat;
	margin-bottom: 20px;
}
.registButtonSmall {
	margin: 10px 0 30px 320px;
}