/* CSS Document */

/***********************************************/
/* plain.css                           */
/* Use with template index.html        */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */

/************************************/

body {
	margin: 0 auto;
}

.outline {
	margin: 0px;
	padding: 0px;
}

/************************************/
/*global navi                       */


/************************************/

#globalNav{
	font-family: Arial,sans-serif;
	position: relative;
	width: 791px;
	padding: 0 9px 3px 0px;
	margin:-15px 0 0 0;
	left:0;
}

/************************************/


/************************************/

#contentsMenu ul{
	text-align: center;
	padding:0;
	margin:11px 0 5px 0;
}

#contentsMenu li {
	list-style-type: none;
	margin: 0;
	float: left;
	font-weight: bold;
}

#contentsMenu li a {
	color: #003d19;
	text-decoration: none;
	padding: 0.5em 1.5em;
	display: block;
	font-weight: bold;
	font-size: 70%;
}

#contentsMenu li a:hover {
	font-weight: bold;
	background-color: #000;
	color: #FFF;
}

/************************************/
/*current : 0.5em 1em;            */

.current {
	padding: 0 1em;
}

/************************************/

#globalLink{
	padding: 0px 0px;
	margin: 0px 0px;
	left: 0px;
	z-index: 100;
	overflow: hidden;
	clear: none;
}

#globalLink ul{
	margin: 0px;
	padding: 0px;
 }

a.glink:link{
	color: #003d19;
	margin: 0px;
}

a.glink:visited{
  	color: #777777;
	margin: 0px;
}

a.glink:hover{
	margin: 0px;
	text-decoration: none;
	color: #c00000;
}

#globalLink ul li {
	list-style: none;
	display: inline;
 }

/***********************************************/
/*end header                                   */

/************************************/

/***********************************************/
/* Use with template index.html        */
/***********************************************/

/* ????????????????�N????*/
#topfeatures_wrap{
    position:relative;
    width:800px;
    margin:0px auto;
    text-align:left;
}
/* ????????????????�N????*/
#topfeatures_head{
    width:800px;
}
/* ?????�L????�N????*/
#topfeatures_left{
    width:400px;
    float:left;
}
/* ?????�L????�N????*/
#topfeatures_right{
    width:400px;
    float:right;
}
/* ????????????????�N????*/
#topfeatures_foot{
    position:relative;
    width:100%;
    clear:both;
}

/************************************/
/* topix                            */

/************************************/

#tpix{
margin-top:-11px;
	font-family: Arial,sans-serif;
}

#tpix ul{
	margin:0 auto;
padding:0;
	width:800px;
	height:23px;
	font-size: 70%;
	font-weight: bold;
}

#tpix li {
	list-style-type: none;
	margin:0 1px ;
	float: left
}

#tpix li a {
	color: #003d19;
	text-decoration: none;
	text-indent: 21px;
	background-color: #f9f9f8;
	padding: 0.5em 0;
	display: block;
	width: 264px;
}

#tpix li a:hover {
	color: white;
	background-color: black;
}

/***********************************************/
/*end topfeature                               */

/************************************/

#pagecell1{
	background-color: #ffffff;
	margin:0;
	padding:0;
	clear: both;
	border-top:1px solid #ccc;
}

/************************************/
/*contents                          */

/************************************/

/************************************/

/* ???b?p?[??????*/
#wrap{
    position:relative;
    width:800px;
	clear: both;
}

/* ?$B"y(B????????*/
#left{
	float:left;
	width:174px;
	display: block;
border-right:1px solid #ccd2d2;
padding:11px 0 25px 0;
}

/* ?^??????????*/
#center{
    float:left;
    width:449px;
	border-right:1px solid #ccc;
margin:0;
padding:0;
}

/* ?E????????*/
#right{
    float:left;
    width:175px;
padding:11px 0 25px 0;
}

/* ?t?b?^?[?[??????*/
#foot{
    height:100px;
    width:800px;
    clear:both;
	border-top:1px solid #ccc;
}

/************************************/

#left h3, #right h3{
margin:0px;
font-size:75%;
padding:11px 0 11px 19px ;
}

/************************************/

/* ???b?p?[??????*/
#wrap_c{
	position:relative;
	width:419px;
	clear: both;
margin:11px 15px;
}

/* ?$B"y(B????????*/
#left_c{
    width:200px;
    float:left;
margin:0 11px 0 0;
}

/* ?E????????*/
#right_c{
    width:200px;
    float:right;
margin:0 0 0 11px;
}

/* ?t?b?^?[?[??????*/
#footer_c{
    height:25px;
padding: 0 0 25px 0;
    clear:both;
}

/************************************/

/* ?$B"y(B????????*/
#left_02{
    width:400px;
    float:left;
margin:0 11px 0 -11px;
padding:0 11px 0 0;
}
/* ?E????????*/
#right_02{
    width:389px;
    float:right;
}

/************************************/

/* ???b?p?[??????*/
#wrap_01{
	position:relative;
	width:400px;
	text-align: left;
}

/************************************/

/* ?$B"y(B????????*/
#left_01{
	width:243px;
	float:left;
	text-align: left;
}

#left_01 p{
	font-size:80%;
	margin:0 11px 11px 0;
}

#left_01 h3{
	font-size:100%;
	margin:11px 0;
}

/************************************/

/* ?E????????*/
#right_01{
    width:150px;
    float:right;
}

/************************************/

/* ???C?A?E?g??????*/

#c_link{
	width: 243px;
	padding:0;
	margin:0;
}

#c_image{
    width:150px;
    float:right;
margin:0 11px;
}

.dot{
	margin:11px;
	padding:11px 0;
	border-bottom:1px solid #ccc;
	clear: both;
}

/************************************/
/*menu                              */
/************************************/

#left h3, #right h3{
margin:11px 0 0 0;
font-size:75%;
padding:11px 0 11px 19px ;
font-family:"?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3"
}

/************************************/

div#linkList {
	width: 174px;
	font-family: Baskerville, Georgia, Garamond, Times New Roman, serif;
}

div#linkList ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#linkList ul {
	list-style: none;
}

div#linkList ul li {
}

div#linkList ul li a {
	display: block;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #F06;
	text-transform: uppercase;
	text-decoration: none;
}

div#linkList ul li a:hover {
	background-color: #000;
	color: #FFF;
}

div#linkList div#lselect ul li {
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 10px;
}

div#linkList div#lselect ul li a {
	padding: 0;
	font-size: 12px;
}

div#linkList div#lselect ul li a:hover {
	color: #000;
	background-color: #FFF;
}

div#linkList div#lselect ul li a.c {
	display: inline;
	text-transform: none;
	font-size: 10px;
	color: #000;
}

div#linkList div#lselect ul li a.c:hover {
	text-decoration: underline;
}

div#linkList div#lselect, div#linkList div#larchives, div#linkList div#lresources {
	display: block;
}

div#linkList div#lselect h3, div#linkList div#larchives h3, div#linkList div#lresources h3 {
	display: block;
	height: 35px;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#linkList div#lselect h3 span, div#linkList div#larchives h3 span, div#linkList div#lresources h3 span {
	display: none;
}

/************************************/
/*menu3                            */
/************************************/

div#linkList3 {
	position: relative;
	left: 0px;
	width: 243px;
	font-family: Baskerville, Georgia, Garamond, Times New Roman, serif;
	margin:0 auto;
}

div#linkList3 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#linkList3 ul {
	list-style: none;
}

div#linkList3 ul li {
}

div#linkList3 ul li a {
	display: block;
	padding: 5px;
	padding-left: 17px;
	padding-right: 17px;
	font-weight: bold;
	font-size: 12px;
	color: #F06;
	text-transform: uppercase;
	text-decoration: none;
}

div#linkList3 ul li a:hover {
	background-color: #000;
	color: #FFF;
}

div#linkList3 div#lselect3 ul li {
	padding: 5px;
	padding-left: 17px;
	padding-right: 17px;
	font-size: 10px;
}

div#linkList3 div#lselect3 ul li a {
	padding: 0;
	font-size: 12px;
}

div#linkList3 div#lselect3 ul li a:hover {
	color: #000;
	background-color: #FFF;
}

div#linkList3 div#lselect3 ul li a.c {
	display: inline;
	text-transform: none;
	font-size: 10px;
	color: #000;
}

div#linkList3 div#lselect3 ul li a.c:hover {
	text-decoration: underline;
}

div#linkList div#lselect3, div#linkList3 div#larchives3, div#linkList3 div#lresources3 {
	display: block;
}

div#linkList3 div#lselect3 h3, div#linkList3 div#larchives3 h3, div#linkList3 div#lresources3 h3 {
	display: block;
	height: 35px;
	width: 100%;
	margin: 0;
	padding: 0;
}

div#linkList3 div#lselect3 h3 span, div#linkList3 div#larchives3 h3 span, div#linkList3 div#lresources3 h3 span {
	display: none;
}

/* ---------------------- */
/*          misc          */
/* ---------------------- */

.c-both {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 0 auto;
 }


/***********************************************/
/*icon                                         */

/************************************/

#pop_off{
	background-image:  url(../images/icon/pop_off.png);
	background-repeat: no-repeat;
	display: block;
	height: 75px;
	width: 106px;
	margin:0.5em 1.2em 0 0;
	z-index: 100;
}
#pop_on {
	background-image:   url(../images/icon/pop_on.png);
	background-repeat: no-repeat;
	display: block;
	height: 74px;
	width: 66px;
	margin-left: 15px;
	z-index: 100;
}
#pop_new {
	background-image:   url(../images/icon/pop_new.png);
	background-repeat: no-repeat;
	display: block;
	height: 74px;
	width: 93px;
	margin-left: 97px;
	z-index: 100;
margin-top:15px;
}
#pop_spot {
	background-image:   url(../images/icon/spot_03.png);
	background-repeat: no-repeat;
	display: block;
	height: 81px;
	width: 95px;
	margin-left: 11px;
	z-index: 100;
	margin-top: -79px;
}

/************************************/

.select{
	margin: 9px 27px 0px 0px;
padding-left:27px;
filter:alpha(opacity=0); /*IE*/
-moz-opacity:0.00; /*FF*/
opacity:0.00;
	display: block;
}

.ml a{
	text-decoration: none;
}

.ml a:link{
	text-decoration: none;
	color: #000;
}

.ml a:visited{
	color: #777;
	text-decoration: none;
}

.ml a:hover{
	color: #f06;
	text-decoration: underline;
}

.c_on{
	padding:2px 3px 2px 17px;
	width:74px;
	display: block;
	background-image:   url("../images/icon/Old/icon_on.png");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 75%;
}
.c_off{
	padding:2px 15px 2px 17px;
	width:73px;
	display: block;
	background-image:   url("../images/icon/Old/icon_off.png");
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 75%;
margin:0 0 0 auto;
}

#head_c_c h3 a{
text-indent : -10000px ;
display : block ;
border : 0 ;
background : transparent url("../images/Old/menu_03_01_03.jpg") no-repeat;
	height:150px;
	width:150px;
}
#head_c_g h3 a{
text-indent : -10000px ;
display : block ;
border : 0 ;
background : transparent url("../images/Old/menu_03_02_03.jpg") no-repeat;
	height:150px;
	width:150px;
}
#head_c_p h3 a{
text-indent : -10000px ;
display : block ;
border : 0 ;
background : transparent url("../images/Old/menu_03_03_03.jpg") no-repeat;
	height:150px;
	width:150px;
}
#head_c_a h3 a{
text-indent : -10000px ;
display : block ;
border : 0 ;
background : transparent url("../images/Old/menu_03_04_03.jpg") no-repeat;
	height:150px;
	width:150px;
}
#wrap{
    position:relative;
    width:785px;
    background-color:#fff;
}
/* $B:8B&$N@_Dj(B*/
#toptopix{
	width:390px;
	float:left;
	margin:0 auto;
	background-color:#fff;
 }
#content h2{
	padding:0 0 0.7em 0;
	margin:0 0 0.2em 0;
 }
#content h3{
	margin:0 0 0.2em 0;
 }
#welcome{
padding:0 1.2em 2em 1.2em;
margin:0 0 1.2em 0;
 }
#newstopix{
	border: 1px solid #EFEFEF;
padding:10px 15px;
margin:0 0 10px 0;
	width: 360px;
	float:right;
 }
#whatsnew{
	border: 1px solid #EFEFEF;
	padding:10px 15px;
	overflow: auto;
	width: 360px;
 }
#margin-whatsnew{
	width: 350px;
}
.margin-12em{
margin:1.2em;
}

/* $B1&B&$N@_Dj(B*/
#recomends{
    width:345px;
    float:right;
    background-color:#fff;
margin-right:1em;
}
#recomends-left{
    width:50%;
    float:left;
    background-color:#fff;
	margin:0.5em 0 1.8em 0;
	padding:0 0 1.8em 0;
}
#recomends-right{
    width:50%;
    float:right;
    background-color:#fff;
	margin:0.5em 0 1.8em 0;
	padding:0 0 1.8em 0;
}
.comesoon{
	margin:1.8em 0 0 3em;
color:#ff8400;
}
.date{
	border-bottom:1px dotted #efefef;
	margin:0.7em 0.2em;
padding:0.2em 0;
	color: #663300;
}
#whatsnew p{
	margin:0 0 0 0.5em;
}
.item-name{
	margin:0 0 .8em 0em;
	color:#434343;
	padding: .3em .5em;
	background-color: #EAEAEA;
}
#toptopix p, #recomends p{
	color: #000;
}
#storerecomends{
	margin:1.8em 0;
padding:1.8em 0;
}
.welcome{
	font-size: 200%;
padding:0;
margin:0;
}
.wide170{
	font-size: 175%;
}
.wide150{
	font-size: 150%;
}
.wide120{
	font-size: 120%;
}
.wide110{
	font-size: 110%;
}
.wide100{
	font-size: 110%;
	font-weight: bolder;
}
.newicon{
	color: #FF0000;
	font-weight: bold;
	font-size: x-small;
	padding-left: 0.5em;
	top: -2px;
	font-family: sans-serif;
}