@charset "UTF-8";

/* --------------------------------
	screen.css
-------------------------------- */



/* --------------------------------
	Reset
-------------------------------- */
* {
	margin: 0;
	padding: 0;
}
img{
	border:none;
	vertical-align: bottom;
}
ul {
	list-style: none;
}
body, h1, h2, h3, h4, h5, h6, p, li, th, td {
	font-weight: normal;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,Arial,sans-serif;
	font-size:12px;
	line-height:1.6;
	color: #333;
	text-align: left;
}
/* --------------------------------
	common
-------------------------------- */
a:link, a:visited {
	color:#333;
}
a:active, a:hover {
	color:#7F0019;
}

/* clearfix -------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }

/* €*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
/* --------------------------------
	layout
-------------------------------- */
body {
	text-align: center; /*WinIE*/
	padding: 0 0 29px 0;
}
div#wrapper {
	text-align: left; /*WinIE*/
	margin: 0 auto;
	padding: 30px 0 0 0;
	width: 900px;
}
div#content {
	padding: 0 90px 50px 90px;
}

/* --------------------------------
	header
-------------------------------- */
div#header {
	padding: 0 90px;
}
/* 言語切り替え */
div#header ul.langNav {
	height: 40px;
	float: right;
	width: 136px;
}
div#header ul.langNav li {
	padding-left: 5px;
	float: left;
}
div#header ul.langNav li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	width: 63px;
	height: 22px;
}
ul.langNav li.langja a { background: transparent url(../images/language_btn/lang_jp_bg.gif) no-repeat 0 0; }
ul.langNav li.langen a { background: transparent url(../images/language_btn/lang_en_bg.gif) no-repeat 0 0; }

div#header ul.langNav li a:active, div#header ul.langNav li a:hover { background-position: 0 -22px; }

#top ul.langNav li.langja a { background: transparent url(../images/language_btn/top_lang_jp_bg.gif) no-repeat 0 0; }
#top ul.langNav li.langen a { background: transparent url(../images/language_btn/top_lang_en_bg.gif) no-repeat 0 0; }

/* --------------------------------
	footer
-------------------------------- */
div#footer {
	clear: both;
	border-top: 1px solid #7A7A7A;
	padding: 14px 10px 0 10px;
}
* html div#footer {
	height: 1%;
}
/* footNav -------- */
ul#footNav li {
	float: left;
	padding-right: 20px;
}
ul#footNav li a {
	text-indent: -9999px;
	float: left; /* */
	display: block;
	overflow: hidden;
}
li#footNavMuji a {
	background: transparent url(../images/footer/footer_muji_bg.gif) no-repeat 0 0;
	width: 83px; height: 22px;
}
li#footNavStore a {
	background: transparent url(../images/footer/footer_store_bg.gif) no-repeat 0 0;
	width: 112px; height: 22px;
}
ul#footNav li a:active,
ul#footNav li a:hover {
	background-position: 0 -22px;
}
/* pageNav -------- */
div#pageNav { padding: 0 10px; }
div#pageNav div {clear: both; }
div#pageNav a {
	float: right;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 22px;
}
div#pageNav .ja a { background: transparent url(../images/footer/footer_backtotop_jp_bg.gif) no-repeat 0 0; width: 117px; }
div#pageNav .en a { background: transparent url(../images/footer/footer_backtotop_en_bg.gif) no-repeat 0 0; width: 73px;}
div#pageNav a:hover, div#pageNav a:active { background-position: 0 -22px; }

/* Copyright -------- */
p#copyright {
	text-align: right;
	padding: 4px 0 7px;
	margin: 0;
}

/* --------------------------------
	content
-------------------------------- */
div#content div#contLeft {
	float: left;
}
div#content div#contRight {
	float: right;
}
/* --------------------------------
	top
-------------------------------- */
#top div#wrapper {
	background: transparent url(../images/top/top_bg.jpg) no-repeat 0 0;
}
#top div#header {
	height: 495px;
}
/* contLeft */
#top div#content {
	padding-top: 30px;
}
#top div#content div#contLeft {
	width: 344px;
}
#top div#content div#contLeft h2 {
	position: relative;
	top: -4px;
	left: -8px;
	margin-bottom: 19px;
}

/* contRight */
#top div#content div#contRight p.read {
	padding-bottom: 18px;
}
#top div#content div#contRight p.read2 {
	padding-bottom: 9px;
	color: #7F0019;
}
#top div#content div#contRight {
	width: 327px;
	/*border-bottom: 1px solid #D8D8D8;*/
}
#top div#content div#contRight ul, #top div#content div#contRight div.righttop {
	border-top: 1px solid #D8D8D8;
	padding-top: 23px;
	padding-bottom: 8px;
}
#top div#content div#contRight ul li {
	padding-bottom: 13px;
}
#top div#content div#contRight ul li.pastresults {
	padding-bottom: 11px;
}

/* menu */
#top div#content div#contRight ul li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	height: 20px;
}
#top div#content div#contRight ul li.pastresults a {
	height: 15px;
}
#top .ja ul li.menuresults a { background: transparent url(../images/top/results_jp_bg.gif) no-repeat 0 0; width: 85px; }
#top .ja ul li.menutheme a { background: transparent url(../images/top/about_theme_jp_bg.gif) no-repeat 0 0; width: 141px; }
#top .ja ul li.menuessentials a { background: transparent url(../images/top/essentials_jp_bg.gif) no-repeat 0 0; width: 87px; }
#top .ja ul li.menufaq a { background: transparent url(../images/top/faq_jp_bg.gif) no-repeat 0 0; width: 134px; }
#top .ja ul li.menuresults02 a { background: transparent url(../images/top/results02_jp_bg.gif) no-repeat 0 0; width: 224px; }
#top .ja ul li.menuresults01 a { background: transparent url(../images/top/results01_jp_bg.gif) no-repeat 0 0; width: 224px; }

#top .en ul li.menuresults a { background: transparent url(../images/top/results_en_bg.gif) no-repeat 0 0; width: 219px; }
#top .en ul li.menutheme a { background: transparent url(../images/top/about_theme_en_bg.gif) no-repeat 0 0; width: 153px; }
#top .en ul li.menuessentials a { background: transparent url(../images/top/essentials_en_bg.gif) no-repeat 0 0; width: 219px; }
#top .en ul li.menufaq a { background: transparent url(../images/top/faq_en_bg.gif) no-repeat 0 0; width: 275px; }
#top .en ul li.navpastresults a { background: transparent url(../images/top/results02_en_bg.gif) no-repeat 0 0; width: 198px; }
#top .en ul li.navpastresults a { background: transparent url(../images/top/results01_en_bg.gif) no-repeat 0 0; width: 198px; }
#top .en ul li.menuresults02 a { background: transparent url(../images/top/results02_en_bg.gif) no-repeat 0 0; width: 224px; }
#top .en ul li.menuresults01 a { background: transparent url(../images/top/results01_en_bg.gif) no-repeat 0 0; width: 224px; }

#top div#content div#contRight ul li a:active, #top div#content div#contRight ul li a:hover { background-position: 0 -20px; }
#top div#content div#contRight ul li.pastresults a:active, #top div#content div#contRight ul li.pastresults a:hover { background-position: 0 -15px; }

#top div#header div.ja p.read { padding-bottom: 41px; }
#top div#header div.en p.read { padding-bottom: 17px; }

#top div#contRight p { padding-bottom: 12px; }

* html p.read span.pngimg { display: block; }
* html h1.pngimg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top/title_logo.png', sizingMethod=scale); width:720px; height:264px; }
* html .ja .pngimg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top/read_jp.png', sizingMethod=scale); width:327px; height:147px; }
* html .en .pngimg { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top/read_en.png', sizingMethod=scale); width:327px; height:171px; }
* html .pngimg img { display: none; }

/* --------------------------------
	essential faq theme
-------------------------------- */
div#content div#contRight h2 {
	clear: both;
	border-bottom: 2px solid #666;
	margin: 0 0 14px 0;
	position: relative;
	top: -13px;
}
#essential div#content div#contLeft,
#faq div#content div#contLeft,
#theme div#content div#contLeft {
	float: left;
	border-bottom: 2px solid #CCC;
	width: 110px;
	padding: 21px 0 0 0;
}
#essential div#content div#contRight,
#faq div#content div#contRight,
#theme div#content div#contRight {
	float: right;
	width: 590px;
}

/* contLeft */
* html ul.leftNav li { float: left; }
ul.leftNav li.navtop,
ul.leftNav li.navpastresults { border-top: 2px solid #CCC; }
ul.leftNav li.navresults { border-top: 2px solid #F2F2F2; }

ul.leftNav li.navtop{ padding: 22px 0 11px 0; }
ul.leftNav li.navresults{ padding: 12px 0 14px 12px; }
/* ul.leftNav li.navtheme { padding: 12px 0 14px 12px; }*/
ul.leftNav li.navtheme { padding: 0 0 27px 12px; }
ul.leftNav li.navessentials { padding: 0 0 14px 12px; }
ul.leftNav li.navfaq { padding: 0 0 27px 12px; }
ul.leftNav li.navpastresults { padding: 22px 0 28px 0; }


ul.leftNav li {
	width: 110px;
}
ul.leftNav li.navresults,
ul.leftNav li.navtheme {
	width: 98px;
}
ul.leftNav li.navresults,
ul.leftNav li.navtheme,
ul.leftNav li.navessentials,
ul.leftNav li.navfaq {
	widtgh: 98px;
}
.en ul.leftNav li.navessentials {
	height: 27px;
}
.en ul.leftNav li.navfaq {
	height: 43px;
}


ul.leftNav li {
	font-size: 1px;
	line-height: 1em;
}
/* menu */
ul.leftNav li a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
ul.leftNav li.navtop a { background: transparent url(../images/menu/menu_top_bg.gif) no-repeat 0 0; height: 11px; }
.ja ul.leftNav li.navresults a { background: transparent url(../images/menu/menu_jp_results_bg.gif) no-repeat 0 0; height: 14px; }
.ja ul.leftNav li.navtheme a { background: transparent url(../images/menu/menu_jp_abouttheme_bg.gif) no-repeat 0 0; height: 14px; }
.ja ul.leftNav li.navessentials a { background: transparent url(../images/menu/menu_jp_essentials_bg.gif) no-repeat 0 0; height: 14px; }
.ja ul.leftNav li.navfaq a { background: transparent url(../images/menu/menu_jp_faq_bg.gif) no-repeat 0 0; height: 14px; }
.ja ul.leftNav li.navpastresults a { background: transparent url(/award/images/menu/menu_jp_results_old_bg.gif) no-repeat 0 0; height: 12px; }

.en ul.leftNav li.navresults a { background: transparent url(../images/menu/menu_en_results_bg.gif) no-repeat 0 0; height: 11px; }
.en ul.leftNav li.navtheme a { background: transparent url(../images/menu/menu_en_abouttheme_bg.gif) no-repeat 0 0; height: 29px; }
.en ul.leftNav li.navessentials a { background: transparent url(../images/menu/menu_en_essentials_bg.gif) no-repeat 0 0; height: 27px; }
.en ul.leftNav li.navfaq a { background: transparent url(../images/menu/menu_en_faq_bg.gif) no-repeat 0 0; height: 43px; }
.en ul.leftNav li.navpastresults a { background: transparent url(/award/images/menu/menu_en_results_old_bg.gif) no-repeat 0 0; height: 11px; }

div#content ul.leftNav li a:hover { background-position: -110px 0; }

ul.leftNav li img.sholder {
	margin-bottom: 5px;
}

#essential div#content div#contRight h3 {
	clear: both;
	padding: 0 0 8px 0;
}
#essential table {
	border-collapse: collapse;
}
#essential td,
#essential th {
	vertical-align: top;
	border-bottom: 20px solid #FFF;
}
#essential th p {
	padding: 10px 10px 8px 10px;
}
#essential th {
	font-weight: normal;
	background: #F2F2F2;
	text-align: left;
	width: 140px;
}
#essential td {
	padding: 0 0 0 20px;
}

#essential td p.spc {
	padding-top: 5px;
}
#essential td .spc li {
	padding-top: 5px;
}
#essential td .spc li.spcn{
	padding-top: 0;
}
#essential td .listno li {
	text-indent: -1em;
	padding-left: 1em;
}
img.floatleft {
	float: left;
	margin-right: 5px;
}

ul.borderlink li {
	float: left; 
	padding: 10px 0 30px 0;
}
ul.borderlink li.left { margin-right: 10px; }
.borderlink a img {
	border: 1px solid #999;
}
.borderlink a:hover img,
.borderlink a:active img {
	border: 1px solid #7F0019;
}

#faq div#content div#contRight h3 {
	font-weight: bold;
	font-size: 14px;
	clear: both;
	padding: 25px 0 0 0;
}
* html #faq div#content div#contRight h3 {
	height: 1%;
}
#faq p.faqNav {
	color: #CCC;
	padding: 0 0 25px 0;
}
#faq dt {
	background: transparent url(../images/faq/q.gif) no-repeat 0px 18px;
	padding: 18px 0 0 27px;
}
#faq dd {
	background: transparent url(../images/faq/a.gif) no-repeat 0px 10px;
	padding: 10px 0 25px 27px;
}
#theme p.mainvisual {
	text-align: center;
	margin-bottom: 20px;
}
#theme div#content p.read {
	font-size: 14px;
}
#theme div#content div.column {
	border: 3px solid #F2F2F2;
	padding: 20px 20px 12px;
	margin-top: 40px;
}
#theme div.column h3 {
	margin-bottom: 18px;
}
#theme div.column img.photo {
	display:block;
	float: right;
	margin: 0 0 8px 5px;
}
#theme div.column p.body {
	margin-top: 10px;
}
#theme ol.socksimage {
	clear: both;
	list-style: none;
	width: 464px;
	height: 120px;
	margin: 10px auto;
}
#theme .en ol.socksimage {
	width: 496px;
	height: 140px;
}
#theme ol.socksimage li {
	float:left;
}
#theme ol.socksimage li p {
	margin-top: 20px;
	text-align: center;
}
#theme ol.socksimage li.witharrow {
	margin-right: 20px;
	background: transparent url(../images/theme/column_arrow.gif) no-repeat right 60px;
}
#theme .en ol.socksimage li.witharrow {
	margin-right: 18px;
	background: transparent url(../images/theme/column_arrow.gif) no-repeat right 77px;
}
#theme ol.socksimage li.first p {
	padding-right: 24px;
}
#theme .en ol.socksimage li.first p {
	padding-right: 30px;
}
#theme ol.socksimage li.second p {
	padding-right: 40px;
}
#theme .en ol.socksimage li.second p {
	padding-right: 32px;
}
#theme ol.socksimage li.third p {
	padding-right: 38px;
}
#theme .en ol.socksimage li.third p {
	padding-right: 32px;
}
#theme ol.socksimage li.third {
	margin-right: 10px;
}
#theme ol.socksimage li.last p.photo {
	margin-top: 10px;
}
#theme .en ol.socksimage li.last p.photo {
	margin-top: 2px;
}
#theme div.column p.tocampaign {
	padding-top: 15px;
	text-align: right;
}
#theme div.column p.tocampaign a img {
	border: 1px solid #CCC;
	margin-bottom: 8px;
}
#theme div.column p.tocampaign a:active img,
#theme div.column p.tocampaign a:hover img {
	border: 1px solid #7F0019;
}