@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

/* container */
#container {}

#left { display:inline; float:left; width:200px; margin:10px 0;}
#right { display:inline; float:right; width:750px; margin:10px 0 0 0;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 

/* left */
#left div.article { margin:10px 0;}
#left div.article h2 { background-position:left top;}
#left div.article h2.Nontext { background-repeat:no-repeat;}
#left div.article div.text { font-size:80%;}

#left div.type01 { border:#CCCCCC solid 1px;}
#left div.type01 h2 {}
#left div.type01 h2.Nontext { height:24px; background-position:left top; background-repeat:no-repeat;}
#left div.type01 div.text {}
#left div.type01 div.text h3 { margin:5px 3px; padding:0 0 0 20px; background-color:#7FB8DD; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat; color:#FFFFFF;}
#left div.type01 div.text div.detail { margin:5px; text-align:right;}
#left div.type01 div.text div.detail a { padding:0 0 0 15px; background-image:url(img/icon/arrow04.png); background-position:left 50%; background-repeat:no-repeat;}

#left div.type02 {}
#left div.type02 h2 {}
#left div.type02 h2.Nontext {}
#left div.type02 div.text {}

#left div.TelBox { padding:5px 0;background-color:#101C89;} 
#left div.TelBox h2.Nontext { height:30px; background-image:url(img/telbox_h2.png); background-position:center;} 
#left div.TelBox div.text { margin:2px 0; text-align:center;} 
#left div.TelBox div.text img { margin:2px 0;} 

#left div.MypageBox { border:#CCCCCC solid 1px;}
#left div.MypageBox h2.Nontext { height:30px; background-image:url(img/mypagebox_h2.png); background-position:center;} 
#left div.MypageBox div.text { margin:2px; text-align:center;} 

#left div.NewsBox { padding:0 0 10px 0; background-image:url(img/left_newsbox_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#left div.NewsBox h2 { height:33px; background-image:url(img/left_newsbox_h2.png);}
#left div.NewsBox h2.Nontext {}
#left div.NewsBox div.text { margin:10px;}

/* right */
#right div.article { margin:10px 0;}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { margin:10px 0; font-size:80%;}

#right div.type01 {}
#right div.type01 h2 { padding:5px 0 0 8px; background-image:url(img/right_type01.png); background-position:left top; background-repeat:no-repeat; color:#101C89;}
#right div.type01 h2.Nontext {}
#right div.type01 div.text {}
#right div.type01 div.text div.box01 { float:left; width:185px; display:inline; border-right:#999999 dashed 1px;}
#right div.type01 div.text div.box01 h3 { margin:5px 5px; padding:0 0 0 20px; background-color:#7FB8DD; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat; color:#FFFFFF;}
#right div.type01 div.text div.box02 { float:left; width:185px; display:inline;}
#right div.type01 div.text div.box02 h3 { margin:5px 3px; padding:0 0 0 20px; background-color:#7FB8DD; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat; color:#FFFFFF;}
#right div.type01 div.text div.box02 {}

#right div.type02 {}
#right div.type02 h2 {}
#right div.type02 h2.Nontext {}
#right div.type02 div.text {}

#right div.new h2 { position:relative;}
#right div.new h2 span.update { position:absolute; top:14px; right:3px; padding:0 5px; border-left:#666666 dotted 1px; color:#0072BB; text-indent:0; font-size:80%; font-weight:normal;}

#right div.SearchBox { position:relative; background-image:url(img/top_searchbox/bg.png); background-position:left bottom; background-repeat:no-repeat;}
#right div.SearchBox h2 { height:45px; background-position:left top; background-repeat:no-repeat;}
#right div.SearchBox ul.tab { position:absolute; left:494px; top:0;}
#right div.SearchBox ul.tab li { float:left; width:126px; height:35px;}
#right div.SearchBox ul.tab li a { display:block; width:126px; height:35px; text-indent:-9999px;}
#right div.SearchBox ul.tab li.button01 {}
#right div.SearchBox ul.tab li.button02 {}
#right div.SearchBox ul.tab li.button03 {}
#right div.SearchBox ul.tab li.button01 a { background-image:url(img/top_searchbox/tab_01.png);}
#right div.SearchBox ul.tab li.button02 a { background-image:url(img/top_searchbox/tab_02.png);}
#right div.SearchBox ul.tab li.button03 a { background-image:url(img/top_searchbox/tab_03.png);}
#right div.SearchBox div.text { margin:10px; padding:10px;}

#right div.SearchBox table { width:95%; border-bottom:#CCCCCC dashed 1px; vertical-align:middle; margin:3px;}
#right div.SearchBox table h3 { margin:5px 5px; padding:0 0 0 20px; background-color:#7FB8DD; background-image:url(img/icon/square01.png); background-position:5px 50%; background-repeat:no-repeat; color:#FFFFFF;}
#right div.SearchBox table input,select { vertical-align:middle; margin:3px;}
#right div.SearchBox table label { display:-moz-inline-box; display:inline-block; padding:0 5px; }
#right div.SearchBox table label.all { background-color:#D6D6D6; color:#101C89; font-weight:bold; }
#right div.SearchBox table tr.yachin label { display:-moz-inline-box; display:inline-block; margin-right:5px; width:120px; }

#right div.SearchBox table tr th { padding:5px; border-top:#CCCCCC dashed 1px;}
#right div.SearchBox table tr td { padding:5px; border-top:#CCCCCC dashed 1px;}

#right div.SearchBox div.text div.taC img,
#right div.SearchBox div.text div.taC a{ vertical-align:middle; margin:3px; display:-moz-inline-box; display:inline-block; }



/*---------------------------------
		PageCSS
---------------------------------*/

table.TopType01 { border-collapse:separate; border-spacing:0; border-bottom:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; width:100%;}
table.TopType01 tr {}
table.TopType01 tr th { padding:20px 10px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; text-align:center;}
table.TopType01 tr td { padding:5px; border-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; background-color:#EDEEF6; color:#101C89; text-align:center;}

.topLeft  { width:350px; margin-right:10px; }
.topRight { width:380px; margin-top:8px; }

.topLeft  ul li { height:70px; margin:0 0 10px; background-image:url(img/top_btn_bg.png); background-position:left top; background-repeat:no-repeat; }
.topLeft  ul li a { display:block; padding:5px 5px 5px 15px; line-height:1.7; font-size:120%; font-weight:bold; }
.topLeft  ul li a span { font-size:80%; line-height:1.4; }
.topLeft  ul li img {}
.topRight ul li { height:70px; margin:0 0 10px; background-image:url(img/top_btn_bg.png); background-position:left top; background-repeat:no-repeat; }
.topRight ul li a { display:block; padding:5px 5px 5px 15px; line-height:1.7; font-size:120%; font-weight:bold; }
.topRight ul li a span { font-size:80%; line-height:1.4; }
.topRight ul li img {}