/*
LastUP : 2009/11/25
title  : base
*/

/* ======================================================== */
/* common                                                   */
/* ======================================================== */
* {
	margin         : 0px;
	padding        : 0px;
	font-style     : normal;
	font-weight    : normal;
	outline        : 0;
	font-family    : "ＭＳ Ｐゴシック", Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	font-style  : normal;
	font-weight : normal;
	font-size   : 1.0em;
}
html { font-size : 62.5%; }
img  { border    : none; }
.hidden {
	font-size : 0.1em;
	display   : none;
}
div.clear { clear : both; }
/* ======================================================== */
/* all                                                      */
/* ======================================================== */
div#all {
	width  : 620px;
	margin : 0 auto;
}
/* ======================================================== */
/* header                                                   */
/* ======================================================== */
div#all div#header {
	width               : 620px;
	height              : 120px;
	background-image    : url('../img/background_header.jpg');
	background-position : center;
	background-repeat   : no-repeat;
	overflow            : hidden;
}
div#all div#header div#mobile {
	overflow   : hidden;
	float      : right;
	font-size  : 1.1em;
	text-align : right;
	padding    : 15px 0px 0px 0px;
}
div#all div#header div#mobile img {
	margin : 5px 0px 0px 0px;
}
div#all div#header div#mobile a {
	color           : #000;
	text-decoration : none;
}
/* ======================================================== */
/* background                                               */
/* ======================================================== */
div#all div#background {
	width               : 620px;
	background-image    : url('../img/background_menu_2.gif');
	background-repeat   : repeat-y;
	background-position : left;
	background-color    : #fff;
}
/* ======================================================== */
/* menu                                                     */
/* ======================================================== */
div#all div#background div#menu {
	float               : left;
	width               : 130px;
	background-image    : url('../img/background_menu.gif');
	background-repeat   : repeat-y;
	background-position : center;
	overflow            : hidden;
}
div#all div#background div#menu ul#menu_list {
	/*font-size  : 1.4em;*/
	font-size  : 1.2em;
	width      : 110px;
	margin     : 0px 5px 0px 5px;
	list-style : none;
}
div#all div#background div#menu ul#menu_list li {
	background-color : #fff;
	margin           : 0px 0px 5px 0px;
	padding          : 3px;
}
div#all div#background div#menu ul#menu_list li a {
	display     : block;
	font-weight : bold;
	color       : #ff6633;
}
div#all div#background div#menu ul#menu_list li#now {
	background-color : #ff6633;
}
div#all div#background div#menu ul#menu_list li#now a {
	color           : #fff;
	text-decoration : none;
}
div#all div#background div#menu div#menu_bottom {
	width               : 130px;
	height              : 40px;
	background-image    : url('../img/background_menu_bottom.gif');
	background-repeat   : repeat-y;
	background-position : center;
	overflow            : hidden;
}
div#all div#background div#menu div#menu_sec {
	width               : 130px;
	background-image    : url('../img/background_menu_2.gif');
	background-repeat   : repeat-y;
	background-position : left;
	overflow            : hidden;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 {
	/*font-size        : 1.4em;*/
	font-size        : 1.2em;
	width            : 110px;
	margin           : 0px 5px 0px 10px;
	list-style       : none;
	background-color : #fff;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li {
	color       : #6b6b6b;
	font-weight : bold;
	/*padding     : 0px 0px 5px 0px;*/
	padding     : 5px 0px 5px 0px;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.space {
	padding     : 2px 0px 2px 20px;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.space_now {
	padding          : 2px 0px 2px 20px;
	background-color : #ff6633;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.space_now a {
	color : #ffffcc;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.top_space {
	margin  : 20px 0px 0px 0px;
	padding : 0px 0px 5px 0px;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.top_space_now {
	margin           : 20px 0px 0px 0px;
	padding          : 0px 0px 5px 0px;
	background-color : #ff6633;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.top_space_now a {
	color : #ffffcc;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li a {
	font-weight : bold;
	color       : #ff6633;
}
div#all div#background div#menu div#menu_sec ul#menu_list_2 li.link     { margin : 0px 0px 0px 10px; }
div#all div#background div#menu div#menu_sec ul#menu_list_2 li#merumoni { margin : 10px 0px 0px 0px; }
/* ======================================================== */
/* content                                                  */
/* ======================================================== */
div#all div#background div#content {
	width    : 480px;
	float    : right;
	overflow : hidden;
}
div#all div#background div#content table td a {
	color : #ff6633;
}
div#all div#background div#content h2#page_title {
	font-size   : 1.8em;
	font-weight : bold;
	margin      : 0px 0px 10px 0px;
}
div#all div#background div#content h4.title {
	color       : #0099ff;
	font-weight : bold;
	font-size   : 1.8em;
	padding     : 2px 0px 2px 0px;
}
div#all div#background div#content h4.title a {
	color       : #0099ff;
	font-weight : bold;
}
div#all div#background div#content p {
	font-size   : 1.4em;
	line-height : 1.4em;
	padding     : 5px 5px 20px 10px;
}
div#all div#background div#content .red {
	color : #ff0000;
}
/* ======================================================== */
/* page:index                                               */
/* ======================================================== */
/* news list */
div#all div#background div#content table#list {
	width     : 460px;
	font-size : 1.4em;
}
div#all div#background div#content table#list td.line {
	height              : 5px;
	background-image    : url('../img/line_table.gif');
	background-position : center;
	background-repeat   : repeat-x;
}
div#all div#background div#content table#list td {
	color       : #FF3300;
	font-weight : bold;
}
div#all div#background div#content table#list td a {
	color       : #FF6633;
	font-weight : bold;
}
/* day */
div#all div#background div#content table#list td.day {
	color       : #000;
	width       : 120px;
	text-align  : center;
}
div#all div#background div#content p#supplementation {
	padding : 10px 0px 30px 0px;
}
div#all div#background div#content div#system {
	text-align : center;
}
div#all div#background div#content p#mail { }
/* ======================================================== */
/* page:agreement                                           */
/* ======================================================== */
div#all div#background div#content div#kiyaku {
	font-size   : 1.4em;
	font-weight : bold;
	text-align  : center;
	margin      : 0px 0px 10px 0px;
}
div#all div#background div#content div#position_center {
	text-align : center;
}
div#all div#background div#content div#position_center input#agree {
	width : 80px;
}

/* ======================================================== */
/* page:quiz_list                                           */
/* ======================================================== */
div#all div#background div#content p.quiz_list {
	padding     : 0px 0px 2px 10px;
}
/* ======================================================== */
/* page:enq_list                                            */
/* ======================================================== */
div#all div#background div#content h3.year {
	font-size   : 1.6em;
	font-weight : bold;
	color       : #0099ff;
	margin      : 0px 0px 10px 0px;
}
div#all div#background div#content h3.year_2 {
	font-weight : bold;
	margin      : 0px 0px 10px 0px;
}
div#all div#background div#content p.enq_list {
	padding   : 0px 0px 2px 10px;
}
div#all div#background div#content p a {
	color  : #ff6633;
	margin : 0px 10px 0px 0px;
}
/* ======================================================== */
/* common:page:quiz_list,enq_list                           */
/* ======================================================== */
div#all div#background div#content h2#title_list {
	font-size   : 1.8em;
	font-weight : bold;
	margin      : 0px 0px 10px 0px;
}
div#all div#background div#content p .number {
	font-weight : bold;
	margin      : 0px 10px 0px 0px;
}
div#all div#background div#content table.detail {
	font-size       : 1.2em;
	border          : 1px #ccc solid;
	border-collapse : collapse;
	margin          : 0px 5px 0px 5px;
}
div#all div#background div#content table.detail td.kekka {
	border  : 1px #ccc solid;
	padding : 2px;
}
div#all div#background div#content table.detail td.graph {
	border  : 1px #ccc solid;
	padding : 0px;
}
/* ======================================================== */
/* page:yoko                                                */
/* ======================================================== */
div#all div#background div#content p.yoko {
	text-indent : 1.0em;
	padding     : 5px 5px 10px 10px;
}
/* ======================================================== */
/* page:info                                                */
/* ======================================================== */
div#all div#background div#content table#yahoo {
	font-size   : 1.4em;
	line-height : 1.4em;
}
div#all div#background div#content table#yahoo th {
	background-color : #33cc66;
	padding          : 2px;
	font-weight      : bold;
	color            : #fff;
}
div#all div#background div#content table#yahoo td {
	background-color : #ccff99;
	padding          : 2px;
	vertical-align   : top;
}
div#all div#background div#content p .small {
	font-size   : 0.8em;
	line-height : 1.0em;
}
div#all div#background div#content p img.image_right {
	float  : right;
	margin : 0px 0px 0px 5px;
}
div#all div#background div#content p a#trademark {
	display             : block;
	width               : 88px;
	height              : 125px;
	float               : right;
	margin              : 0px 0px 0px 5px;
	background-image    : url('../img/inf_shohyo.gif');
	background-position : left;
	background-repeat   : no-repeat;
}
/* ======================================================== */
/* page:use                                                 */
/* ======================================================== */
div#all div#background div#content p.about_use {
	font-size   : 1.3em;
	line-height : 1.6em;
	padding     : 0px;
}
div#all div#background div#content p.about_use .use_no {
	color       : #ff9900;
	font-weight : bold;
	font-size   : 1.4em;
	margin      : 0px 5px 0px 0px;
}
div#all div#background div#content p.about_use .use {
	color       : #0099ff;
	font-weight : bold;
	font-size   : 1.4em;
}
div#all div#background div#content p .kome {
	color       : #cc3366;
	font-weight : bold;
}
div#all div#background div#content p a.use_link {
	color  : #ff6633;
	margin : 0px;
}
/* ======================================================== */
/* question and answer                                      */
/* ======================================================== */
div#all div#background div#content p.q_and_a {
	font-size   : 1.3em;
	line-height : 1.6em;
	margin      : 0px;
	padding     : 0px;
}
div#all div#background div#content p.q_and_a .question_no {
	color       : #cc0000;
	font-weight : bold;
	margin      : 0px 5px 0px 0px;
}
div#all div#background div#content p.q_and_a .question {
	color : #cc0000;
}
div#all div#background div#content p.q_and_a .answer_no {
	color       : #0033cc;
	font-weight : bold;
	margin      : 0px 5px 0px 0px;
}
div#all div#background div#content p.q_and_a .answer {}
div#all div#background div#content p.q_and_a a.question_link {
	color : #ff6633;
}
div#all div#background div#content ol {
	margin      : 10px 0px 10px 30px;
	font-size   : 1.3em;
	line-height : 1.6em;
}
div#all div#background div#content div.page_top_link {
	text-align : right;
	font-size  : 1.3em;
	padding    : 0px 0px 20px 0px;
}
div#all div#background div#content div.page_top_link a {
	color : #ff6633;
}
/* ======================================================== */
/* page:off                                                 */
/* ======================================================== */
div#all div#background div#content table#off {
	width     : 400px;
	font-size : 1.3em;
}
div#all div#background div#content table#off td {
	padding : 2px;
}
div#all div#background div#content table#off td.left_square {
	width            : 20px;
	height           : 20px;
	background-color : #ff9933;
}
div#all div#background div#content table#off td.right_title {
	background-color : #ffff99;
	font-weight      : bold;
}
div#all div#background div#content table#off td table td.td_1 {
	background-color : #ccff99;
}
div#all div#background div#content table#off td table td.td_2 {
	background-color : #ffffcc;
}
/* ======================================================== */
/* content page top link                                    */
/* ======================================================== */
div#all div#background div#page_link {
	text-align : right;
	font-size  : 1.4em;
	margin     : 30px 0px 5px 0px;
	width      : 620px;
	clear      : both;
}
div#all div#background div#page_link a { color : #ff6633; }
/* ======================================================== */
/* content underline                                        */
/* ======================================================== */
div#all div#background div#line_bottom {
	width               : 620px;
	height              : 20px;
	background-image    : url('../img/line_bottom.gif');
	background-position : left;
	background-repeat   : no-repeat;
}
/* ======================================================== */
/* footer                                                   */
/* ======================================================== */
div#all div#footer {
	width            : 620px;
	text-align       : center;
	font-size        : 1.4em;
	padding          : 10px 0px;
	background-color : #fff;
}
div#all div#footer a { color : #ff6633; }
div#all div#copyright {
	width      : 620px;
	text-align : center;
	font-size  : 1.4em;
	color      : #ccc;
	padding    : 10px 0px;
}