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

08.07.01
**********************************************************************/


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

body{
	background:#eeeeee;
}

#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(img/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(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(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(img/locnavi_link_bk.gif) no-repeat left;
	color:#001080;
}

/*--local navigation (category)-------------------*/
.category .locnavi_ca{
	margin:11px;
	padding:7px;
	background:url(tab_arrow.gif) no-repeat left;
	font-size:10px;
	line-height:20px;
	color:#001080;
}
.category .locnavi a{
	margin:11px;
	padding:7px;
	background:url(tab_arrow.gif) no-repeat left;
	font-size:10px;
	line-height:20px;
	color:#001080;
}
.category .locnavi a:hover{
	background:url(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(arrow.gif) no-repeat 0 4px;
}
.mn_arrow{
	padding-left:10px;
	margin-right: 13px;
	background:url(mn_arrow.gif) no-repeat left center;
}
.plala_top{
	padding-left:13px;
	background:url(ft_plalatop.gif) no-repeat left center;
}
.page_top{
	padding-left:13px;
	background:url(ft_gotop.gif) no-repeat left center;
}


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

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

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%;
}
.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(../../guest/img/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;
}
#mainArea .noborder{
	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; }


/*--list Area-----------------*/
.sitemap       { padding-left:20px; }
* html .sitemap{ padding-left:30px; } /* for IE */

.sitemap table{ width:685px; }

.sitemap th,
.sitemap td{
	padding:2px 0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
.sitemap th{ padding-right:20px; }
.sitemap td{ width:410px; }

.sitemap th.line-t           { padding-left:25px; background:url(sit_line_t.gif)         0 -2px no-repeat #FFFFFF; }  /* ├ */
.sitemap th.line-t-bottom    { padding-left:25px; background:url(sit_line_t_btm.gif)     0 -2px no-repeat #FFFFFF; }  /* └ */

.sitemap th.line-tt          { padding-left:50px; background:url(sit_line_tt.gif)        0 -2px no-repeat #FFFFFF; }  /* │├ */
.sitemap th.line-tt-bottom   { padding-left:50px; background:url(sit_line_tt_btm.gif)    0 -2px no-repeat #FFFFFF; }  /* │└ */
.sitemap th.line-ft          { padding-left:50px; background:url(sit_line_ft.gif)        0 -2px no-repeat #FFFFFF; }  /* 　├ */
.sitemap th.line-ft-bottom   { padding-left:50px; background:url(sit_line_ft_btm.gif)    0 -2px no-repeat #FFFFFF; }  /* 　└ */

.sitemap th.line-ttt         { padding-left:75px; background:url(sit_line_ttt.gif)       0 -2px no-repeat #FFFFFF; }  /* ││├ */
.sitemap th.line-ttt-bottom  { padding-left:75px; background:url(sit_line_ttt_btm.gif)   0 -2px no-repeat #FFFFFF; }  /* ││└ */
.sitemap th.line-tft         { padding-left:75px; background:url(sit_line_tft.gif)       0 -2px no-repeat #FFFFFF; }  /* │　├ */
.sitemap th.line-tft-bottom  { padding-left:75px; background:url(sit_line_tft_btm.gif)   0 -2px no-repeat #FFFFFF; }  /* │　└ */
.sitemap th.line-ftt         { padding-left:75px; background:url(sit_line_ftt.gif)       0 -2px no-repeat #FFFFFF; }  /* 　│├ */
.sitemap th.line-ftt-bottom  { padding-left:75px; background:url(sit_line_ftt_btm.gif)   0 -2px no-repeat #FFFFFF; }  /* 　│└ */
.sitemap th.line-fft         { padding-left:75px; background:url(sit_line_fft_btm.gif)   0 -2px no-repeat #FFFFFF; }  /* 　　├ */
.sitemap th.line-fft-bottom  { padding-left:75px; background:url(sit_line_fft_btm.gif)   0 -2px no-repeat #FFFFFF; }  /* 　　└ */

.sitemap th.line-tttt        { padding-left:100px; background:url(sit_line_tttt.gif)     0 -2px no-repeat #FFFFFF; }  /* │││├*/
.sitemap th.line-tttt-bottom { padding-left:100px; background:url(sit_line_tttt_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* │││└*/
.sitemap th.line-tftt        { padding-left:100px; background:url(sit_line_tftt.gif)     0 -2px no-repeat #FFFFFF; }  /* │　│├*/
.sitemap th.line-tftt-bottom { padding-left:100px; background:url(sit_line_tftt_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* │　│└*/
.sitemap th.line-ttft        { padding-left:100px; background:url(sit_line_ttft.gif)     0 -2px no-repeat #FFFFFF; }  /* ││　├*/
.sitemap th.line-ttft-bottom { padding-left:100px; background:url(sit_line_ttft_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* ││　└*/
.sitemap th.line-fttt        { padding-left:100px; background:url(sit_line_fttt.gif)     0 -2px no-repeat #FFFFFF; }  /* 　││├*/
.sitemap th.line-fttt-bottom { padding-left:100px; background:url(sit_line_fttt_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* 　││└*/
.sitemap th.line-tfft        { padding-left:100px; background:url(sit_line_tfft.gif)     0 -2px no-repeat #FFFFFF; }  /* │　　├*/
.sitemap th.line-tfft-bottom { padding-left:100px; background:url(sit_line_tfft_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* │　　└*/
.sitemap th.line-fftt        { padding-left:100px; background:url(sit_line_fftt.gif)     0 -2px no-repeat #FFFFFF; }  /* 　　│├*/
.sitemap th.line-fftt-bottom { padding-left:100px; background:url(sit_line_fftt_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* 　　│└*/
.sitemap th.line-ftft        { padding-left:100px; background:url(sit_line_ftft.gif)     0 -2px no-repeat #FFFFFF; }  /* 　│　├*/
.sitemap th.line-ftft-bottom { padding-left:100px; background:url(sit_line_ftft_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* 　│　└*/
.sitemap th.line-ffft        { padding-left:100px; background:url(sit_line_ffft.gif)     0 -2px no-repeat #FFFFFF; }  /* 　　　├*/
.sitemap th.line-ffft-bottom { padding-left:100px; background:url(sit_line_ffft_btm.gif) 0 -2px no-repeat #FFFFFF; }  /* 　　　└*/


/*--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(ft_gotop.gif) no-repeat left center; }


/*--plus-----------------*/
div.menu-txtbox{
	border:1px solid #cccccc;
	padding:5px;
	background:url(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;
}

/*---------------------------------------------
2020.1 チャットサポートボタン
---------------------------------------------*/
.button {
        display: inline-block;
        padding: 14px 30px;
        margin: 15px auto 10px;
        text-align: center;
        background: #48a732;
        border-bottom: 2px solid #d9d9d9;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        transition: all .1s;
        line-height: 1.25;
  text-decoration: none;
}
.button:hover {
        background: #63cc4a;
}
.button span {
        color: #FFF;
  font-size: 0.8rem;
}
