/* logpaper */
/* 
目次

header ヘッダー
footer フッター
index トップページ
contents コンテンツ

 */


* {
	margin:0;
	padding:0;
}
html, body {
   width:100%;
   height:100%;
}
body {
	width:100%;
	height:100%;
	font-family:"Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ ゴシック',sans-serif";
	font-size:12px;
	text-align:justify;
	text-justify:inter-ideograph;
 }
a {
	color:#339933;
	border:none;
	text-decoration:underline;
}
a:hover {
	color:#339933;
	border:none;
	text-decoration:none;
}
a:active {
	border:none;
}
a:visited {
	border:none;
}
h1 {
	font-size:100%;
	font-weight:bold;
}
img {
	border:none;
}
.caution {
	color:#FF0000;
}
 
#my_body {
	margin:0px auto;
	width:826px;
}
#frame {
	width:100%;
	margin:10px;
}
#child_body {
	 margin:0 auto;
	 height:100%;
}
#header {
	line-height:34px;
	vertical-align:middle;
	font-size:100%;
	color:#FFFFFF;
	width:826px ;
	height:38px ;
	background-position:right;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	z-index: 1;
}
#main {
	width:826px;
	height:100%;
	background-image:url(images/border_left.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#border_r {
	width:826px;
	height:100%;
	background-image:url(images/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#footer {
	line-height:26px;
	vertical-align:middle;
	color:#FFFFFF;
	width:826px ;
	clear:both ;
	height:34px ;
	text-align:center;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
}
.clear {
	clear:both;
}
hr {
	border-bottom: thin solid #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom:10px;
}
/* contents コンテンツ */

#contents { 
	width:744px;
	margin-left:auto;
	margin-right:auto;
	padding-top:28px;
	padding-bottom:30px;
	line-height:20px;
	font-size:100%;
	color:#666666;
}
#title {
	color:#FFFFFF;
	font-size:100%;
	height:24px;
}
#title li {
	float:left;
	list-style:none;
	line-height:24px;
	vertical-align:middle;
}
#title_left {
	background-image:url(images/title_left.gif);
	width:12px;
	height:24px;
}
#title_right {
	background-image:url(images/title_right.gif);
	width:12px;
	height:24px;
}
#title #text {
	background:#666666;
	padding:0px 50px;
}

#gray_base {
	width:744px;
	height:100%;
	background-color:#E5E5E5;
	position:relative;
	top:10px;
	margin-bottom:20px;
	padding-top:28px;
	padding-bottom:28px;
}
#white_base {
	background-color:#FFFFFF;
	width:580px;
	height:100%;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}
#contents table { 
	width:580px;
}
#contents table td {
	line-height:20px;
	padding:2px 3px;
}
/* header ヘッダー */
#header a {
	text-decoration:none;
	color:#FFFFFF;
}
#header a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
#global {
	float:right;
	margin-top:4px;
	padding-right:20px;
}
#global li {
	float:left;
	list-style:none;
}
#logo {
	float:left;
}
#logo a {
	width:162px;
	height:32px;
	background-position:left;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	display:block;
	margin-top:5px;
	margin-left:5px;
	z-index: 2;
}
#logo a:hover {
	width:162px;
	height:32px;
	background-position:left;
	background-image:url(images/logo2.gif);
	background-repeat:no-repeat;
	display:block;
	margin-top:5px;
	margin-left:5px;
	z-index: 2;
}
.form_design {
	color:#8C8C8C;
	background-color:#FFFFCC;
	border:1px solid #999999;
	width:99%; height:18px;
	line-height:18px;
	vertical-align:middle;
	padding-left:2px;
}
.form_std {
	vertical-align:middle;
	padding-left:2px;
}
/* footer フッター */
#footer a {
	text-decoration:none;
	color:#FFFFFF;
}
#footer a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
#footer_link {
	float:left;
	font-size:90%;
	padding-left:24px;
}
#footer_link li {
	float:left;
	list-style:none;
}
#copy {
	float:right;
	font-size:80%;
	padding-right:20px;
}

/* index トップページ */

#top {
	width:100%;
	height:48px;
}
#welcome {
	color:#333333;
	padding:10px 15px;
}
#main_top {
	height:480px;
}
#contents_top {
	float:left;
	width:492px;
	height:480px;
	margin-left:2px;
	position:relative;
}
#contents_top .imgtop {
	background-image:url(images/top_00.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:492px;
	height:480px;
}
#contents_top .imgtop_login {
	background-image:url(images/top_01.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:492px;
	height:480px;
}
#contents_top .message_top {
	position:absolute;
	left:18px;
	bottom:240px;
	color:#333333;
	line-height:140%;
}
#side {
	float:left;
	position:relative;
	color:#8C8C8C;
	font-size:100%;
	width:305px;
	height:480px;
	margin-left:10px;
}
#outline {
	line-height:16px;
}
#outline_logo {
	width:100%;
	height:38px;
	background-image:url(images/logo_top.jpg);
	background-repeat:no-repeat;
	color:#B2B2B2;
	text-align:left;
	line-height:36px;
	vertical-align:middle;
	margin-bottom:5px;
}
#version {
	font-size:11px;
	line-height:13px;
	padding-top:4px;
	margin-left:196px;
}
#regist {
	width:218px;
	margin:auto;
	margin-top:15px;
	margin-bottom:10px;
	line-height:0px;
}
#regist a {
	width:218px;
	height:30px;
	background-position:center;
	background-image:url(images/regist.jpg);
	background-repeat:no-repeat;
	display:block;
}
#regist a:hover {
	width:218px;
	height:30px;
	background-position:center;
	background-image:url(images/regist2.jpg);
	background-repeat:no-repeat;
	display:block;
}
#regist_about {
	width:218px;
	margin:auto;
	margin-top:15px;
	margin-bottom:10px;
	line-height:0px;
}
#regist_about a {
	width:218px;
	height:30px;
	background-position:center;
	background-image:url(images/regist_about.jpg);
	background-repeat:no-repeat;
	display:block;
}
#regist_about a:hover {
	width:218px;
	height:30px;
	background-position:center;
	background-image:url(images/regist_about2.jpg);
	background-repeat:no-repeat;
	display:block;
}
#friend {
	width:218px;
	margin:auto;
	margin-top:15px;
	margin-bottom:10px;
	line-height:0px;
}
#friend a {
	width:218px;
	height:30px;
	background-position:center;
	background-image:url(images/friend.jpg);
	background-repeat:no-repeat;
	display:block;
}
#friend a:hover {
	width:218px;
	height:30px;
	background-position:center;
	background-image:url(images/friend2.jpg);
	background-repeat:no-repeat;
	display:block;
}

#login_area {
	position:absolute;
	bottom: 0px;
	width:305px;
}
#login_top {
	border:1px solid #3F3F3F;
	width:100%;
	height:240px;
	padding:10px 0;
}
#login_top a {
	font-size:90%;
}

#login_top .login_mypage {
	width:76px;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
}
#login_top table {
	width:285px;
	margin:auto;
}

/*#login_mypage a {
	width:92px;
	height:92px;
	background-position:center;
	background-image:url(images/login_mypage.jpg);
	background-repeat:no-repeat;
	display:block;
}
#login_mypage a:hover {
	font-size:90%;
	width:92px;
	height:92px;
	background-position:center;
	background-image:url(images/login_mypage2.jpg);
	background-repeat:no-repeat;
	display:block;
}*/
#about {
	line-height:45px;
	vertical-align:middle;
	height:45px;
	font-size:100%;
	color:#8C8C8C;
	clear:both;
}
#about a {
	text-decoration:none;
	color:#8C8C8C;
}
#about a:hover {
	text-decoration:underline;
	color:#8C8C8C;
}


/* ----------------------------------------------------------------------------------------- */


/* 定数ページ */

#const { 
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#const table {
	border:1px solid #3F3F3F;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#const table td {
	line-height:25px;
}
#const caption { 
	line-height:200%;
	width:auto;
	text-align:left;
	font-size:200%;
}

/* エラーページ */

#error { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

/* お問い合わせサンクス */

#contact_thanks { 
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/* メールアドレス変更完了ページ */

#upmail { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}


/* ログイン なし */

#login { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#login table {
	border:1px solid #333333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#login table td {
	line-height:25px;
	font-weight:bold;
}
#login table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}
#login caption { 
	line-height:200%;
	width:auto;
	text-align:left;
	font-size:200%;
}

/* 規約同意ページ　なし */

#agreement { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

/* メンバー登録情報入力ページ */

#registration { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#registration table {
	border:1px solid #333333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#registration table td {
	line-height:25px;
}
#registration table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}

#registration .comment {
	font-size:x-small;
}

/* メンバー登録確認ページ */

#regconfirm { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#regconfirm table {
	border:1px solid #333333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#regconfirm table td {
	line-height:25px;
}
#regconfirm table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}

/* メンバー登録完了ページ */

#regthanks { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#regthanks table {
	border:1px solid #333333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#regthanks table td {
	line-height:25px;
}
#regthanks table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}

/* 本パスワード設定ページ */

#setpw { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#setpw table {
	border:1px solid #333333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#setpw table td {
	line-height:25px;
}
#setpw table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}
#setpw .comment {
	font-size:x-small;
}

/* パスワードリセットページ */

#resetpw { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#resetpw table {
	border:1px solid #333333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#resetpw table td {
	line-height:25px;
}
#resetpw table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}
#resetpw .comment {
	font-size:x-small;
}

/* verisign ページ */

#verisign { 
	margin-left:auto;
	margin-right:auto;
	padding-top:28px;
	padding-bottom:30px;
	line-height:20px;
	font-size:100%;
	color:#666666;
}