@charset "euc-jp";

/* common */

body		{ margin: 0px; padding: 0px; }
img			{ margin: 0px; padding: 0px; border: 0px; }
p			{ margin: 0px; padding: 0px; font: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" ; }
a			{ color: #0099CC ; line-height: 160%; text-decoration: none; }
a:hover		{ color: #0099CC ; line-height: 160%; text-decoration: none; }

#display	{ margin: 0 auto ; text-align: center ; background:url("../img/back.jpg") center top repeat-y ; }

.red		{ color: #CC0000 ; }

/* top */

#top		{ width: 740px ; height: 600px ; margin: 0 auto ; padding: 0 ; text-align: center ; }
#LeftArea	{ background: url("../img/left_back.jpg") no-repeat ; width: 198px ; padding: 10px 0 0 0 ; }
#navi		{ margin: 0 0 75px 0 ; }
#SpecBack	{ background: url("../img/spec_back.jpg") no-repeat ; margin: 0 10px ; padding: 25px 10px 30px 10px ; }
#SpecBack p	{ color: #00893d ; font-size: 12px ; text-align: left ; margin: 5px 0 ; line-height: 140% ; width: 160px ; }
#SpecBack span.bold{ font-weight: bold ; }
#RightArea	{ background: url("../img/main.jpg") left top no-repeat ; }
#RightArea img	{ margin: 0 20px 20px 0 ; }

#banner		{ margin: 0 0 75px 0 ; }

/* content */

#main		{ width: 740px ; height: 100% ; margin: 0 auto ; padding: 0 ; text-align: center ; background: url("../img/navi_center.jpg") left bottom repeat-y ; }
#LeftContent{ background: url("../img/navi_bottom.jpg") left bottom no-repeat ; width: 160px ; padding: 10px 0 10px 5px ; }
#logo		{ margin: 10px 0 0 10px ; }
#gnavi		{ margin: 20px 0 0 0 ; }


#RightContent{ width: 540px ; padding: 10px 10px 10px 10px ; background: url("../img/content_bottom.jpg") right bottom no-repeat ; }
#RightContent p{ font-size: 12px ; line-height: 140% ; text-align: left ; margin: 0 0 0 20px ;  }

.sub_title	{ clear: left ; margin: 20px 0 10px 0 ; }
.mini_title	{ clear: left ; margin: 10px 0 10px 20px ; text-align: left ; }

#pagetop	{ clear: left ; margin: 40px 0 0 0 ; text-align: center ; }
#pagetop p	{ text-align: right ; font-size: 10px ; color: #00893d ; }
#pagetop img{ margin: 10px 0 0 0 ; }
#pagetop2	{ clear: left ; margin: 20px 0 0 0 ; text-align: center ; }
#pagetop2 p	{ text-align: right ; font-size: 10px ; color: #00893d ; }
#pagetop2 img{ margin: 10px 0 0 0 ; }

/* product */

.ScreenShot		{ float: left; margin: 20px 0 30px 0 ; }
.ScreenShot img	{ margin: 0 0 0 20px ; }
.ScreenShot2	{ text-align: center ; margin: 20px 0 30px 0 ; }

/* mode */

.modeTop	{ clear: left ; background: url("../img/mode_top.jpg") no-repeat ; text-align: left ; width: 535px ; height: 29px ; display: block ; }
.modeTop img{ margin: 5px 0 0 30px ; }
.modeCenter	{ background: url("../img/mode_center.jpg") repeat-y ; width: 535px ; }
.modeCenter p{ padding: 0 10px 0 0 ; }
.modeBottom	{ background: url("../img/mode_bottom.jpg") no-repeat ; width: 535px ; height: 20px ; display: block ; }

.ScreenShot3{ text-align: center ; margin: 10px 0 0 0 ; }
.ScreenShot4{ text-align: center ; padding: 10px 0 10px 0 ; }

/* chara */

.lnaviBtn		{ float: left; padding: 0 0 10px 0 ; }
.lnaviBtn img	{ margin: 0 0 0 35px ; }

#charaArea		{ float: left ; }
#charabackMan	{ background: url("../../character/img/charaback_man.jpg") no-repeat ; padding: 0 8px 0 12px ; margin: 20px 0 0 0 ; height: 1719px ; }
#charabackWoman	{ background: url("../../character/img/charaback_woman.jpg") no-repeat ; padding: 0 8px 0 12px ; margin: 20px 0 0 0 ; height: 1719px ; }
.charaBox		{ float: left ; margin: 0 0 7px 0 ; }
.charaMan		{ background: url("../../character/img/manback.jpg") no-repeat ; width: 260px ; height: 387px ; }
.charaMan p		{ color: #183267 ; padding: 10px 5px 10px 0 ; height: 34px ;}
.charaMan img	{ margin: 0 0 10px 0 ; }
.charaWoman		{ background: url("../../character/img/womanback.jpg") no-repeat ; width: 260px ; height: 387px ; }
.charaWoman p	{ color: #60206b ; padding: 10px 5px 10px 0 ; height: 34px ;}
.charaWoman img	{ margin: 0 0 15px 0 ; }

/* popup */

#popDisplay	{ background: url("../../popup/img/background.jpg") no-repeat ; width: 500px ; height: 290px ; }
#popDisplay img{ margin: 8px ; }
#popBtn		{ width: 500px ; height: 200px ; }

/* enquete */

.ScreenShot3	{ text-align: center ; margin: 40px 0 50px 0 ; }
#enquete_day	{ width: 520px ; }
#enquete_day p	{ text-align: center ; font-weight: bold ; padding: 0 ; margin: 0 ; }
#enquete_attention		{ width: 480px ; border: 3px double #3EA66E ; margin-left: 15px ; padding: 15px 15px 15px 15px ; }
#enquete_attention ul	{ margin: 0 0 0 15px ; padding: 0 ; }
#enquete_attention li	{ text-align: left ; font-size: 12px ; line-height: 140% ; list-style: square ; margin: 5px 0 0 0 ; }