/**********************************************************************
Plala : For Foundation of Style [style.css ]

06.08.08
**********************************************************************/


/*---------------------------------------------
 Initialization
---------------------------------------------*/
*{
	margin:0;
	font-size:100%;
}

body{
	background:#fcfcfc;
}

#layout{
 text-align:center;
}



#plala{
	width: 750px;
	background:#FFFFFF;
	border-right: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin:0 auto;
}

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

img{
	border:0px;
}

/*---------------------------------------------
 Text
---------------------------------------------*/
h2{
	font-size: 90%;
}


.S{
	font-size:60%;
	line-height:120%;
}
.M{
	font-size:80%;
	line-height:120%;
}
.L{
	font-size:90%;
	line-height:120%;
}
.Sg{
	font-size:60%;
	line-height:120%;
	color: #444444;
}
.Mg{
	font-size:80%;
	line-height:120%;
	color: #444444;
}
.Lg{
	font-size:90%;
	line-height:120%;
	color: #444444;
}

/*--Fix--------------------*/
.Sfix{
	font-size:10px;
	line-height:12px;
}
.Mfix{
	font-size:12px;
	line-height:14px;
}
.Lfix{
	font-size:14px;
	line-height:18px;
}
.Mfix-h{
	font-size:12px;
	line-height:20px;
}

/*--color------------------*/
.white{
	color: #FFFFFF;
}
.red{
	color: #ce4848;
}
.red2{
	color: #cc3333;
}
.yellow{
	color: #ffce25;
}
.green{
	color: #45795f;
}
.gray{
	color: #333333;
}


/*---------------------------------------------
 Mainarea
---------------------------------------------*/
a:link{
	color:#001080;
}
a:visited{
	color:#001080;
}
a:hover{
	color:#FF0000;
}
a:active{
	color:#FF0000;
}
/*--header sidemenu footer-------------------*/
#head a:link,
#sidemenu a:link,
#foot a:link{
	color:#444444;
}
#head a:visited,
#sidemenu a:visited,
#foot a:visited{
	color:#444444;
}
#head a:hover,
#sidemenu a:hover,
#foot a:hover{
	color:#FF0000;
}
#head a:active,
#sidemenu a:active,
#foot a:active{
	color:#FF0000;
}
A.news:link{
	COLOR: #990000
}
A.news:visited {
	COLOR: #990000
}
A.news:active {
	COLOR: #FF0000
}
A.news:hover {
	COLOR: #FF0000
}
A.setteil {
	TEXT-DECORATION: none;
}
A.setteil:link{
	COLOR: #0000FF
}
A.setteil:visited {
	COLOR: #0000FF
}
A.setteil:active {
	COLOR: #FF0000
}
A.setteil:hover {
	COLOR: #FF0000
}
A.rightm:link,
A.rightm:visited,
A.rightm:active,
A.rightm:hover {
	COLOR: #444444;
	TEXT-DECORATION: none;
}
A.title:link,
A.title:visited,
A.title:active {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
A.title:hover {
	COLOR: #666666;
	TEXT-DECORATION: none;
}
.guest .locnavi a.active:link,
.guest .locnavi a.active:visited,
.guest .locnavi a.active:hover,
.guest .locnavi a.active:active{
	background:url(../images/locnavi_link_bk.gif) no-repeat left;
	color:#001080;
}
/*--local navigation (guest)-------------------*/
.guest .locnavi{
	padding:3px 0 0 0;
	display:block;
}
.guest .locnavi a{
	display:block;
	padding:0 18px 3px 18px;
	background:url(../images/tab_arrow.gif) no-repeat 11px 4px;
	font-size:10px;
	line-height:140%;
	color:#001080;
}
.guest .locnavi a:hover,
.guest .locnavi a:active{
	background:url(../images/tab_arrow_on.gif) no-repeat 11px 4px;
	color:#FF0000;
}
.guest .locnavi a.active:link,
.guest .locnavi a.active:visited,
.guest .locnavi a.active:hover,
.guest .locnavi a.active:active{
	background:url(../images/locnavi_link_bk.gif) no-repeat left;
	color:#001080;
}

/*--local navigation (category)-------------------*/
.category .locnavi_ca{
	margin:11px;
	padding:7px;
	background:url(../images/tab_arrow.gif) no-repeat left;
	font-size:10px;
	line-height:20px;
	color:#001080;
}
.category .locnavi a{
	margin:11px;
	padding:7px;
	background:url(../images/tab_arrow.gif) no-repeat left;
	font-size:10px;
	line-height:20px;
	color:#001080;
}
.category .locnavi a:hover{
	background:url(../images/tab_arrow_on.gif) no-repeat left;
	color:#FF0000;
}


/*---------------------------------------------
 Mainarea
---------------------------------------------*/

#mainArea{
margin:9px 0 25px 12px;
}

/*--header----------------*/

#head{
	width: 750px;
}
#head .headinfo{
	margin-left: 23px;
}

/*--pankuz----------------*/
#pankuz{
	width:727px;
}
#pankuz .current{
	font-weight: bold;
}
#pankuz a:link{
 color:#666666;
}
#pankuz a:hover{
	color:#FF0000;
}


/*--bullet----------------*/
.arrow{
	padding-left:10px;
	background:url(../images/arrow.gif) no-repeat 0 4px;
}
.mn_arrow{
	padding-left:10px;
	margin-right: 13px;
	background:url(../images/mn_arrow.gif) no-repeat left center;
}
.plala_top{
	padding-left:13px;
	background:url(../images/ft_plalatop.gif) no-repeat left center;
}
.page_top{
	padding-left:13px;
	background:url(../images/ft_gotop.gif) no-repeat left center;
}


/*--parts-----------------*/
#foot{
	margin-bottom: 9px;
	padding-left:12px;
}

#copy{
	padding:5px 0 5px 12px;
	background:#c9c9c9;
	color:#444444;
}

h1.title{
 margin:0 0 30px 0;
 padding:0 0 10px 5px;
	border-bottom: 1px solid #999999;
}

h2.title{
	margin: 0 0 10px 0;
	padding: 6px 5px 6px 15px;
	border-left: solid 5px #58bb32;
	background: #eeeeee;
}
h2.titleb{
	margin: 0 0 10px 0;
	padding: 6px 5px 6px 15px;
	border-left: solid 5px #01bbd2;
	background: #eeeeee;
}
h2.titler{
	margin: 0 0 0 0;
	padding: 6px 5px 6px 15px;
	border-left: solid 5px #58bb32;
	background: #eeeeee;
}
h3.subtitle{
	margin: 0 0 10px 0;
	padding: 3px 0 3px 9px;
	border-left: solid 3px #477c62;
	color:#477c62;
	font-size: 90%;
}

h2.titleH2{
	margin: 0 0 15px 0;
	padding: 6px 5px 6px 15px;
	border-left: solid 7px #58bb32;
}

/*--tsuika-----------------*/
.title_design1 {
	padding:3px 0 3px 5px;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
	border-left:solid 5px #58bb32;
	margin: 0 0 15px 0;
}
/*--/tsuika-----------------*/


.box_title{
	margin: 0 0 10px 0;
	padding: 4px 5px 3px 15px;
	border-left: solid 5px #58bb32;
	background: #eeeeee;
}
.box{
	margin-left:5px;
	margin-bottom: 18px;
}
.box_opt{
	padding:9px 7px 9px 8px;
	background:url(../images/ind_opt_bg.gif) repeat-x left top #f1f1f1;
	border: solid 1px #cccccc;
}


#mainArea .hyou th{
	padding: 4px;
	background-color: #4fb027;
	color: #FFFFFF;
}
#mainArea .hyou td{
	padding: 4px;
	background-color: #eeeeee;
}

#mainArea .hyou2{
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
#mainArea .hyou2 th{
	padding: 5px;
	background-color: #ccebc0;
	border-right: solid 1px #cccccc;
	font-weight: normal;
}
#mainArea .hyou2 td{
	padding: 5px;
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}



/*--tsuika-----------------*/
.hyou5{
	border-top: solid 1px #999;
	border-left: solid 1px #999;
}
.hyou5 td{
	padding: 3px;
	text-align: center;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}
.waku {
	padding: 10px 0 10px 0;
	border: solid 2px #cccccc;
}
/*--/tsuika-----------------*/



#mainArea .noborder{
	padding: 0px;
	border-right: none;
	border-bottom: none;
}

#mainArea table.noborder{
	padding: 0px;
	border-top: none;
	border-left: none;
}

#mainArea table.noborder td{
	padding: 0px;
	border-right: none;
	border-bottom: none;
}



/*---------------------------------------------
 sitemap
---------------------------------------------*/

.category{ margin-bottom:10px; }


/*--h2 Area-----------------*/
h2 a{ display:block; }

* html #TypeSITEMAP .box{	margin-left:15px;	margin-bottom: 18px; }


/*--h3 Area-----------------*/
.category-top{
	margin:0 20px 3px 20px;
	padding:5px 15px;
	background-color:#EEEEEE;
}
* html .category-top{ padding:5px 25px; } /* for IE */

.category-top th,
.category-top td{ vertical-align:top; }
.category-top th{ white-space:nowrap; }
.category-top td{ padding-left:20px; }

.category-top h3 a{ display:block; }


/*--page Top-----------------*/
#TypeSITEMAP .pageTopArea{ margin:12px 20px 15px 20px; padding-top:5px; border-top:solid 3px #EEEEEE; text-align:right; }
.page_top{	padding-left:13px;	background:url(../images/ft_gotop.gif) no-repeat left center; }


/*--plus-----------------*/
div.menu-txtbox{
	border:1px solid #cccccc;
	padding:5px;
	background:url(../images/boxbg.gif);
}
input.search   {
	width:150px;
	font-size:80%;
}
div.caution    {
	border-top:1px solid #cccccc;
	padding:5px 0 15px 0;
	text-align:right;
}
div.settei    {
	border-top:1px solid #cccccc;
	padding:5px 0 15px 0;
	text-align:right;
}
.box{
	margin-left:5px;
	margin-bottom: 18px;
}
.box2{
	margin-left:5px;
	margin-bottom: 5px;
}
.box3{
	margin-left:5px;
	margin-bottom: 5px;
	background-color:#FFFFFF;
}
.tablein{
	padding: 10px 30px 10px 30px;
	font-size: 12px;
}