@charset "utf-8";

body { margin: 0; padding: 0 }
body  { color: #574b42; font-size: small; line-height: 140%; background-color: #fff }
a:link  { color: #360 }
a:visited     { color: #693 }
a:hover   { color: #f60 }

/* Layout */
#globalHeader  { color: #fff; background-color: #000 }
#globalHeader a:link { color: #fff; padding-top: 3px }
#globalHeader a:visited { color: #fff; padding-top: 3px }
#globalHeader a:hover  { color: #c6c6c6 }
#page  { margin: 1em auto; width: 760px }
#side  { width: 170px; float: left }
#content    { width: 580px; float: right; overflow: hidden }
#footer      { text-align: center; margin-top: 1em; margin-right: auto; margin-left: auto; padding-top: 0.5em; width: 760px; clear: both; border-top: 1px solid #999 }

h1  { margin: 0; padding: 0 }
form { margin: 0; padding: 0 }

/* toolbox */
.logintx { font-weight: bold; background-color: #bdb8b4; padding-top: 3px; padding-left: 6px }
.login        { background-color: #e3e1df; margin-bottom: 6px; padding: 4px; border: solid 1px #bdb8b4 }
.loginBox  { margin-left: 2px; width: 80px }

.mssgtop  { background-image: url("/img/namecard/tool_mssg.gif"); background-repeat: no-repeat; height: 6px }
.mssg  { padding-right: 4px; padding-left: 6px; border-right: 1px solid #693; border-left: 1px solid #693 }
.mssgend { background-image: url("/img/namecard/tool_mssgEnd.gif"); background-repeat: no-repeat; margin-bottom: 6px; height: 6px }

.tool     { background-image: url("/img/namecard/tool_top.gif"); background-repeat: no-repeat; margin-bottom: 6px; padding-top: 20px }
.tool ul    { background-color: #edebea; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #bdb8b4 }
.tool li  { border-bottom: 1px solid #bdb8b4 }
.tool a  { display: block; padding: 2px }
.tool a:link  { font-weight: bold; text-decoration: none }
.tool a:visited   { font-weight: bold; text-decoration: none }
.tool a:hover   { color: #574b42; text-decoration: underline; background-color: #e0dedc }

.promoSide { margin-bottom: 6px }

.searchSide { font-weight: bold; line-height: 160%; background-color: #e3e1df; margin-bottom: 6px; padding: 4px 0 6px 6px }
.searchSidebox { margin-right: 2px; width: 108px }
.info  { margin-bottom: 6px; border: solid 1px #bdb8b4 }
.infotx { color: #fff; font-weight: bold; background-color: #693; margin-bottom: 4px; padding-top: 1px; padding-bottom: 2px; padding-left: 6px }
.info ul  { margin: 0; padding: 0 0 6px 22px }

/* tag */
ul.keyword a { text-decoration: none }
ul.keyword a:hover  { color: #fff; background-color: #693 }
ul.keyword li    { font-size: 10px; margin-right: 4px }
div.keyword        { line-height: 1.6em; background-color: #eef5e6; text-transform: uppercase; padding: 6px }
div.keyword ul  { margin: 0; padding: 0 }
div.keyword ul li { display: inline }
/* tag最小はデフォルトliで指定された10px 実用的そうなサイズで適当に5段階作成しました */
.tag5   { font-size: 24px; font-weight: bold }
.tag4  { font-size: 14px; font-weight: bold }
.tag3  { font-size: 12px; font-weight: bold }
.tag2   { font-size: 11px }
/* ↓プレビュー用です使用しません */
.menu5  { font-size: 20px; font-weight: bold }
.menu2  { font-size: 14px; font-weight: bold }
.menu3  { font-size: 12px; font-weight: bold }
.menu4   { font-size: 10px }
/* ↑プレビュー用です使用しません */

/* info */

#infoContent { width: 580px; float: right; overflow: hidden; }

#infoContent h2 {
	background: url(http://pds.exblog.jp/pds/1/200605/29/23/header1.gif) no-repeat left top;
	height: 214px;
	width: 561px;
	padding: 20px 0 0 10px;
	margin: 0 0 0 0;
	FONT-SIZE : 32px;
	font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	TEXT-ALIGN : left;
	LETTER-SPACING : 1PX;
	font-weight: bold;
}

#infoContent h3 {
 font-size: 14px;
 text-align:left;
 background: url(/img/namecard/quest_icon.gif) no-repeat left top;
 margin: 5px;
 padding: 5px 0 5px 30px;
 }

#infoContent div.leadtxt {
 text-align:left;
 margin-left: 22px
 }


#infoContent dl{
width: 570px;
border-bottom: 1px dotted #DCDCED;
margin-bottom: 10px;
padding: 0;
}

#infoContent dt{
 background: url(/img/namecard/info_title.gif) no-repeat left top;
 padding: 7px 0 15px 30px;
 margin: 0 0 0 5px;
 font-size: 14px;
 font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-weight: bold;
 color:#5F8E30;
 text-align:left;
 }

#infoContent dd img{
 float: left;
 margin: 0 10px 10px -30px!important;
 margin: 10px 10px 10px -30px;
}

#infoContent dd div{
 margin: 0 0 0 200px!important;
 margin: 0 0 0 200px;
}

#infoContent dd p{
 margin-bottom:5px;
 text-align:left;
}

#infoContent dd p a{
 text-align:right;
 margin-bottom: 5px;
 display: block;
}

/* ↓info以外で使用している可能性もあるので残します */
.ctgr h3 { font-size: small }
.gotop { text-align: right; margin-top: 1em; margin-bottom: 1em }
.ctgr ul { margin: 0; padding: 0 0 0 18px }
.point    { font-size: medium; background-image: url("/img/namecard/info_icon.gif"); background-repeat: no-repeat; margin: 1em 0 0; padding-bottom: 1em; padding-left: 22px }
.infoindt  { line-height: 124%; padding-left: 22px }
.topctgr ul  { list-style-image: url("/img/namecard/lipoint.gif"); margin: 0 0 0 0; padding: 0 0 0 18px }
.topctgr li  { width: 50%; float: left }
.topH { color: #fff; font-size: small; background-image: url("/img/namecard/top_Hbg.gif"); background-repeat: no-repeat; margin: 0 0 0.5em; padding-top: 1px; padding-bottom: 6px; padding-left: 12px }
form textarea{ font-family:"Osaka"; }
form input{ font-family:"Osaka"; }
form select{ font-family:"Osaka"; }
/* ↑info以外で使用している可能性もあるので残します */


/* left-menu(no title) */
.tool2     { margin-bottom: 6px; padding-top: 0px; border-top:2px solid #bdb8b4}
.tool2 ul    { background-color: #edebea; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #bdb8b4 }
.tool2 li  { border-bottom: 1px solid #bdb8b4 }
.tool2 a  { display: block; padding: 2px }
.tool2 a:link  { font-weight: bold; text-decoration: none }
.tool2 a:visited   { font-weight: bold; text-decoration: none }
.tool2 a:hover   { color: #574b42; text-decoration: underline; background-color: #e0dedc }