@charset "utf-8";
@media print {body {zoom:80%;}}
/*---------------------------------------------
 reset css
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; }
input,textarea { margin:0; font-size:100%; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
img { border:0; }
address,em,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr { display:none; clear:both; }
/*for new HTML5 elements*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {display:block;}
/* ---------------------------------------------
 a img
--------------------------------------------- */
a img { border:none; }
a:hover img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }
a:hover img.over { opacity:inherit; -moz-opacity:inherit; filter:none; -ms-filter:none; }
/* ---------------------------------------------
 font
--------------------------------------------- */
body { background:#eeeee8; font-size:12px; color:#555;
 font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
/* ie7 */
*:first-child+html body { font-size:75%; }
/* ie5 - ie6 */
* html body { font-size:75%; }
/* style */
.fNormal  { font-weight:normal; }
.fBold   { font-weight:bold; }
.fSSS { font-size:70%; }
.fSS  { font-size:78%; } /* base 12px =  8px */
.fS   { font-size:85%; } /* base 12px = 10px */
.fM   { font-size:100%; }
.fL   { font-size:115%; }/* base 12px = 14px */
.fLL  { font-size:130%; }/* base 12px = 16px */
.fLLL { font-size:143%; }/* base 12px = 18px */
/* link */
a { color:#886; text-decoration:none; outline:none; }
a:hover { color:#cc6;}
/* strong */
strong {color:#333;}
/* em */
em {color:#c60; font-weight:bold; font-style:normal;}
/* sub */
sub {vertical-align:baseline;}
/* ---------------------------------------------
 etc
--------------------------------------------- */
.clear { clear:both; height:0; font-size:0; line-height:0; }
.block  { display:block; }
.inline { display:inline; }
.hide   { display:none; }
.nobg { background:none !important; }
.underLine { text-decoration:underline; }
.noLine    { text-decoration:none; }
.center {text-align:center;}
/* ---------------------------------------------
 js
--------------------------------------------- */
.over            {/* rollover */}
.heightLine-     {/* heightLine.js */}
.png             {/* DD_belatedPNG.js */}
.js_window_open-width-height {;}
.js_page_print   {;}
.js_window_close {;}
.opacityOver { background:#fff; }
/* tooltip styling. by default the element to be styled is .tooltip  
.tooltip { display:none; font-size:12px; height:70px; width:160px; padding:25px; color:#fff;
background:transparent url(../images/tooltip/black_arrow.png);}*/
/* ---------------------------------------------
 clearfix
--------------------------------------------- */
.clearFix:after,
#header:after,
#main:after,
#contents:after,
#footer:after {  content:""; display:table; clear:both; }
.clearFix,
#header,
#main,
#contents,
#footer { /zoom:1; }
/* ============================================
 body
============================================ */
body {text-align:center; border-top:2px solid #b0b291;}
#main { width:958px; margin:0 auto; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; padding:0;}
#contents {text-align:left; background:url(../images/content_bg.gif) left repeat-y;}
/* ============================================
　#header
============================================ */
#header {margin:5px auto; width:960px;}
#logo {float:left; margin-top:10px; text-align:left;}
#logo .logojp2 { display:none;}
#head_links { float:right; width:500px;}
#head_links .language { float:left; width:500px;}
	/* clearfix */
	#head_links .language:after { content:""; display:table; clear:both; }
	#head_links .language { /zoom:1; }
#head_links .language a { display:block; float:right; background:url(../images/listmark1.gif) 0 6px no-repeat; padding-left:8px;}
#head_links .links { float:left; width:500px; margin-top:20px;}
#head_links .links ul { float:left; width:445px; padding-top:4px;}
	/* clearfix */
	#head_links .links ul:after { content:""; display:table; clear:both; }
	#head_links .links ul { /zoom:1; }
#head_links .links ul li { float:right; background:url(../images/listmark4.gif) 0 4px no-repeat; padding-left:11px; margin-right:10px;}
#head_links .links .print { float:left; display:block;}
/* ============================================
　#mainmenu
============================================ */
#mainmenu { margin:5px auto 0; padding:0; width:960px; position:relative;
 background:url(../images/gmenu.gif) top left repeat-x; /*border-right:1px solid #369; height:44px; overflow:hidden;*/}
#mainmenu ul{ position:relative;}
	/* clearfix */
	#mainmenu ul:after { content:""; display:table; clear:both; }
	#mainmenu ul  { /zoom:1; }
#mainmenu ul li.c1 .c1a { color:#fff; display:block; margin:0; /*padding:15px 0;*/ height:44px; width:137px; 
 background:url(../images/gmenu.gif) top left no-repeat; }
#mainmenu ul li.c1 .c1a span { display:block; padding-top:15px;}
#mainmenu ul li.c1 span.c1a { color:#9cf; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}
#mainmenu ul li.c1 a.c1a:hover { background-image:url(../images/gmenu_on.gif);}
#mainmenu ul li.m00 { display:none;}
/*
body.toppage #mainmenu ul li.m01 a.c1a,
body.outline #mainmenu ul li.m02 a.c1a,
body.member #mainmenu ul li.m03 a.c1a,
body.act #mainmenu ul li.m04 a.c1a,
body.rr #mainmenu ul li.m05 a.c1a,
body.media  #mainmenu ul li.m06 a.c1a,
body.database  #mainmenu ul li.m07 a.c1a { background-image:url(../images/gmenu_on.gif);}
*/
.oe_overlay { background:#000; /*opacity:0;*/ position:absolute; position:fixed; top:0px; left:0px; width:100%; height:100%;
 display:none; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); -ms-filter:"alpha(opacity=60)"; -khtml-opacity:0.6; zoom:1; }
ul.oe_menu {;}
/*ul.oe_menu .submenu { display:none;}*/
ul.oe_menu li.c1 { width:137px; float:left; position:relative;}
ul.oe_menu li.c1 a { display:block; background:#111;}
ul.oe_menu li.c1 a:hover,
ul.oe_menu li.selected a { background:#fff; color:#101010; opacity:1.0;}
#mainmenu ul.hovered li.c1 a {}
/* do not delete */
#mainmenu ul.oe_menu div {;}
#mainmenu ul.oe_menu li.c1 div { position:absolute; top:44px; left:0; background:#332; padding:10px 0; display:none; text-align:left;}
#mainmenu ul.oe_menu li.m01 div { left:0px;}
#mainmenu ul.oe_menu li.m02 div { /*left:-137px;*/ width:560px;}
#mainmenu ul.oe_menu li.m03 div { /*left:-274px;*/ width:280px;}
#mainmenu ul.oe_menu li.m04 div { /*left:-411px;*/ left:-16px; width:565px;}
#mainmenu ul.oe_menu li.m05 div { /*left:-548px;*/ left:-100px; width:512px;}
#mainmenu ul.oe_menu li.m06 div { /*left:-685px;*/ left:-50px; width:324px;}
#mainmenu ul.oe_menu li.m07 div { /*left:-822px;*/ left:-50px; width:187px;}
#mainmenu ul.oe_menu li.c1 div ul {margin-left:20px;}
#mainmenu ul.oe_menu li.c1 div ul li a,
#mainmenu ul.oe_menu li.c1 div ul li span { text-decoration:none; color:#fff; padding:3px 2px 3px 10px; display:block;
 background:url(../images/listmark11.gif) 3px 6px no-repeat; line-height:1.2; }
#mainmenu ul.oe_menu li.c1 div ul li span { color:#bba; background:none;}
/*#mainmenu ul.oe_menu li.c1 div ul.oe_full { width:910px;}
#mainmenu ul.oe_menu li.c1 div ul.oe_full li a { padding-top:7px; padding-bottom:7px; background-position:0 11px;}*/
#mainmenu ul.oe_menu li.c1 div ul li a:hover { background:#663 url(../images/listmark11.gif) 3px 6px no-repeat; color:#fff;}
#mainmenu ul.oe_menu li.c1 ul { list-style:none; float:left;}
#mainmenu ul.oe_menu li.c1 div ul li.oe_heading { margin-bottom:5px; border-bottom:1px solid #fff;}
#mainmenu ul.oe_menu li.c1 div ul li.oe_heading a {background:url(../images/listmark10.gif) 0 6px no-repeat; padding-right:5px; margin-bottom:1px; color:#fff;}
#mainmenu ul.oe_menu li.c1 div ul li.oe_heading a:hover {background:#663; color:#fff;}
/* ============================================
　#main
============================================ */
.h1 { background:url(../images/h1a2.gif) top left no-repeat; height:96px; text-align:left;
 -moz-box-shadow: 0px 1px 3px #aaa;
 -webkit-box-shadow: 0px 1px 3px #aaaaaa;
 box-shadow: 0px 1px 3px #aaaaaa; }
.h1 #breadcrumb { padding:10px 0 0 13px;}
.h1 h1 { font-weight:bold;  font-size:130%; color:#220; line-height:1.3; 
	border-left:2px solid #652; padding:0 0 0 10px; margin:20px 10px 30px 23px; }
/* ============================================
　#content
============================================ */
#content { float:left; width:708px; padding-bottom:30px;}
#content .inner { padding:0 15px 30px;}
#content .inner .article_body { margin:10px;}
	/* clearfix */
	#content .inner .article_body:after { content:""; display:table; clear:both; }
	#content .inner .article_body  { /zoom:1; }
#content .inner .article p,
#content .inner .contentbody p { line-height:1.8; margin-bottom:20px;}
/* ---------------------------------------------
 h*
--------------------------------------------- */
h2.h { background:url(../images/h2b.gif) top left no-repeat; border-bottom:1px solid #ccc;
 padding:14px 10px 7px 29px; margin:30px 0 15px; font-size:115%; color:#652; font-weight:bold;}
h3.h { border-bottom:1px solid #ccc; padding:2px 0 7px 0; margin:30px 0 15px;
 font-size:115%; color:#451; font-weight:bold; line-height:1.4;}
h4.h { border-left:2px solid #451; padding:2px 0 0 6px; margin:20px 0 4px;
 color:#451; line-height:1.4; font-weight:bold;}
h5.h { color:#222; margin:20px 0 4px; line-height:1.4; font-weight:bold;}
/* ---------------------------------------------
 .profile 
--------------------------------------------- */
.profile {;}
.profile .article {;}
	/* clearfix */
	.profile .article:after { content:""; display:table; clear:both; }
	.profile .article  { /zoom:1; }
.profile .photo { float:left; width:245px; height:250px; background:url(../images/photo_bg.gif) 0 0 no-repeat;}
.profile .photo img { margin:22px 17px;}
.profile .data { float:right; width:420px;}
/* ---------------------------------------------
 table
--------------------------------------------- */
table.tbl {border-top:#ccc 1px solid; border-left:#ccc 1px solid; line-height:1.4; line-height:1.2;}
table.tbl caption {text-align:left; font-weight:bold; font-size:133%; color:#333;
 padding:1px 0 1px 10px; margin-bottom:10px; border-left:2px solid #690; }
table.tbl th {border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding:10px; vertical-align:middle;
 font-weight:bold;  background:#eee;}
table.tbl td {border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding:10px; vertical-align:top;  background:#fff;}

table.tbl2 {/*border-bottom:1px solid #ccc;*/}
table.tbl2 th,
table.tbl2 td { border-top:1px solid #ccc; padding:10px; vertical-align:top;}
table.tbl2 td p {}
table.tbl2 td p.result { background:url(../images/icon_down.gif) top center no-repeat; padding-top:30px;}
/* ---------------------------------------------
 frame
--------------------------------------------- */
.frm {margin:0 0 5px 0; padding:10px; background:#eee;
 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.frm2 {margin:0 0 5px 0; padding:3px; background:#fff; border:1px solid #ddd;
 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.frm2 h3 { background:#DDDECE; padding:7px 10px; margin-bottom:10px; color:#451; line-height:1.4;}
.frm3 {margin:0 0 5px 0; padding:10px; background:#f90; color:#fff;
	 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.frm3 h2 { background:#eee; padding:7px 10px; margin-bottom:10px;}
/* ---------------------------------------------
 float
--------------------------------------------- */
.left {float:left; display:block;}
.right {float:right; display:block;}
/* ---------------------------------------------
 icon
--------------------------------------------- */
.mail {background:url(../images/icon_mail.gif) 0 5px no-repeat; padding:0 0 0 15px;}
/* ---------------------------------------------
 list
--------------------------------------------- */
ul.list li {margin-bottom:7px; line-height:1.4;}
ul.list_dot li {padding:7px 5px 5px; border-bottom:1px dotted #ccc; line-height:1.4;}
ul.list1 li { background:url(../images/listmark1.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;}
ul.list4 li { background:url(../images/listmark4.gif) 0 10px no-repeat; padding:0.6em 0 0 13px; margin:0 0 0 0; line-height:1.2;}
ul.list5 li { background:url(../images/listmark5.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;}
ul.list6 li { background:url(../images/listmark6.gif) 0 11px no-repeat; padding:0.6em 0 0 9px; margin:0 0 0 0; line-height:1.2;}
ul.list8 li { background:url(../images/listmark8.gif) 0 8px no-repeat; padding:0.6em 0 0 14px; margin:0 0 0 0; line-height:1.2;}
ul.list9 li { background:url(../images/listmark9.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;}
ul.note { text-align:left; font-size:85%;}
ul.note li { padding:4px 0 2px 1em; margin:0; line-height:1.4;}
ul.note li span {margin-left:-1em;}
/* ---------------------------------------------
 link 
--------------------------------------------- */
a.link {display:block; clear:both; padding:0 0 0 10px; color:#699; font-weight:bold;
 background:url(../images/listmark3.gif) 2px 0.3em no-repeat; text-decoration:none;}
/* ============================================
　#side
============================================ */
#side { float:right; width:246px; /*background:#eee; border-left:1px solid #ccc;*/ padding-bottom:20px;}
/* .search_form */
.search_form { margin:25px 15px 0; text-align:center;}
.search_form .textbox { 
	width:165px; height:20px; padding:0 !important; border:1px solid #ccc; /*margin:0; display:block; float:left; */
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.search_form .btn { vertical-align:top;}
/* #pagelinks */
.pagelinks { margin:25px 13px 0 13px;}
.pagelinks h3 { margin:0; padding:0;}
.pagelinks h3 img { display:block;}
.pagelinks ul { margin:0; padding:0; background:#fff;}
.pagelinks ul li { border-bottom:1px solid #ccc; margin:0; padding:0;}
.pagelinks ul li a { display:block; background:url(../images/listmark8.gif) 8px 11px no-repeat; padding:9px 6px 4px 22px; line-height:1.3;}
.pagelinks ul li a:hover {background:#ffe url(../images/listmark8.gif) 8px 11px no-repeat; color:#cc6;}
.pagelinks ul ul { margin-bottom:4px; _border-bottom:1px solid #fff;}
.pagelinks ul ul li { border:none; padding:0;}
.pagelinks ul ul li a { display:block; padding:5px 6px 4px 22px; line-height:1.3;
 background:url(../images/listmark9.gif) 15px 8px no-repeat;}
.pagelinks ul ul li a:hover {background:#ffb url(../images/listmark9.gif) 15px 8px no-repeat;}
.pagelinks h3.h3txt { 
	background:#dddece; padding:5px 10px; color:#451; text-align:center;
	border:1px #fff solid; border-bottom:1px solid #d0ceb7;
	border-top-left-radius:6px; border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
/* .banners */
#side .banners { margin:20px 0 0 12px; text-align:center;}
#side .banners a { display:block; margin:0 auto;}
/* .info */
#side .info {margin:25px 12px 0 12px;}
#side .info h3 { border-left:3px solid #451; padding-left:4px; font-weight:bold; color:#451;}
#side .info p { margin:3px 0 0 2px;}
/* .memberList */
#side .info ul.memberlist { margin:0 0 0 3px;}
#side .info ul.memberlist li { margin-top:8px;}
#side .info ul.memberlist li img { vertical-align:middle; margin-right:5px;}
/* reportList */
#side ul.contentslist { margin:30px 0 0 1px; border-top:1px solid #ccc; border-bottom:1px solid #fff;}
#side ul.contentslist li { background:#f3f3f3 url(../images/icon_ship.gif) 7px 9px no-repeat;
 border-top:1px solid #fff; border-bottom:1px solid #ccc; padding:8px 5px 5px 37px; line-height:1.2; }
#side ul.contentslist li a { font-weight:bold;}
/* .frm2 */
#side .frm2 { margin:20px 10px 0;}
/* ============================================
　#footer
============================================ */
#footer_area { text-align:left;}
#footer_area .sitemap { background:#eee; border-top:1px solid #ddd; padding:20px 0 15px 15px;}
	/* clearfix */
	#footer_area .sitemap:after { content:""; display:table; clear:both; }
	#footer_area .sitemap { /zoom:1; }
#footer_area .sitemap .cat { float:left; width:150px;}
#footer_area .sitemap .top { width:110px;}
#footer_area .sitemap .act { width:130px;}
#footer_area .sitemap .rr { width:130px;}
#footer_area .sitemap .media { width:120px;}
#footer_area .sitemap .database { width:140px;}
#footer_area .sitemap .cat a { color:#666;}
#footer_area .sitemap .cat a:hover { color:#39f;}
#footer_area .sitemap .cat h3 { margin:0 20px 0 0; padding:0 0 3px 9px; font-weight:bold;
 border-bottom:#ccc 1px solid; background:url(../images/listmark6.gif) 1px 6px no-repeat;}
#footer_area .sitemap .top h3 { border-bottom:none;}
#footer_area .sitemap ul { margin:0 20px 0 0; border-top:#fff 1px solid;}
#footer_area .sitemap ul li { background:url(../images/listmark5.gif) 3px 9px no-repeat; padding:2px 0 0 10px;}
#footer_area .sitemap ul li a { font-size:85%;}
/* #footer */
#footer { background:#A2A483; padding:6px 7px 4px 10px; color:#fff;}
#footer a { color:#fff;}
#footer a:hover { color:#9cf;}
#footer ul.links { float:left; width:420px;}
#footer ul.links li { display:inline; padding-right:6px;}
#footer p { float:right; text-align:right; /*width:520px;*/ font-size:11px; line-height:1.2;}
/* .pagetop */
.pagetop { position:relative; display:none;}
.pagetop a { display:block; position:absolute; right:42px;}
.pagetop a img { display:block; position:fixed; bottom:30px;
 opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";}
/* ============================================
　Layout
============================================ */
/* margin */
.mt00 { margin-top:0   !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mr00 { margin-right:0   !important; }
.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr12 { margin-right:12px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr55 { margin-right:55px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }
.mr80 { margin-right:80px !important; }
.mr90 { margin-right:90px !important; }
.mr100 { margin-right:100px !important; }
.mr110 { margin-right:110px !important; }
.mr120 { margin-right:120px !important; }
.mr130 { margin-right:130px !important; }
.mr140 { margin-right:140px !important; }
.mr150 { margin-right:150px !important; }
.mr200 { margin-right:200px !important; }
.mr250 { margin-right:250px !important; }
.mr300 { margin-right:300px !important; }
.mr350 { margin-right:350px !important; }
.mr400 { margin-right:400px !important; }
.mr450 { margin-right:450px !important; }
.mr500 { margin-right:500px !important; }
.mb00 { margin-bottom:0   !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml00 { margin-left:0   !important; }
.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml12 { margin-left:12px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml150 { margin-left:150px !important; }
.ml200 { margin-left:200px !important; }
.ml250 { margin-left:250px !important; }
.ml300 { margin-left:300px !important; }
.ml350 { margin-left:350px !important; }
.ml400 { margin-left:400px !important; }
.ml450 { margin-left:450px !important; }
.ml500 { margin-left:500px !important; }

/* padding */
.pt00 { padding-top:0   !important; }
.pt05 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt100 { padding-top:100px !important; }
.pr00 { padding-right:0   !important; }
.pr05 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pb00 { padding-bottom:0   !important; }
.pb05 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl00 { padding-left:0   !important; }
.pl05 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl12 { padding-left:12px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl30 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
/* width */
.w30 { width:30px !important; }
.w50 { width:50px !important; }
.w100 { width:100px !important; }
.w150 { width:150px !important; }
.w200 { width:200px !important; }
.w250 { width:250px !important; }
.w300 { width:300px !important; }
.w350 { width:350px !important; }
.w400 { width:400px !important; }
.w450 { width:450px !important; }
.w500 { width:500px !important; }
.w550 { width:550px !important; }
.w600 { width:600px !important; }
.w650 { width:650px !important; }
/* height */
.h280 { height:280px !important; }
.h290 { height:290px !important; }
.h300 { height:300px !important; }
.h310 { height:310px !important; }
.h320 { height:320px !important; }
.h330 { height:330px !important; }
.h340 { height:340px !important; }
.h350 { height:350px !important; }
.h420 { height:420px !important; }
/* line-height */
.lh14 { line-height:1.4   !important; }
/* 横並び */
.lft50 { float:left; width:50px;}
.lft60 { float:left; width:60px;}
.lft70 { float:left; width:70px;}
.lft80 { float:left; width:80px;}
.lft90 { float:left; width:90px;}
.lft100 { float:left; width:100px;}
.lft110 { float:left; width:110px;}
.lft120 { float:left; width:120px;}
.lft130 { float:left; width:130px;}
.lft140 { float:left; width:140px;}
.lft150 { float:left; width:150px;}
.lft160 { float:left; width:160px;}
.lft170 { float:left; width:170px;}
.lft180 { float:left; width:180px;}
.lft190 { float:left; width:190px;}
.lft200 { float:left; width:200px;}
.lft210 { float:left; width:210px;}
.lft220 { float:left; width:220px;}
.lft230 { float:left; width:230px;}
.lft240 { float:left; width:240px;}
.lft250 { float:left; width:250px;}
.lft260 { float:left; width:260px;}
.lft270 { float:left; width:270px;}
.lft280 { float:left; width:280px;}
.lft290 { float:left; width:290px;}
.lft300 { float:left; width:300px;}
.lft310 { float:left; width:310px;}
.lft320 { float:left; width:320px;}
.lft330 { float:left; width:330px;}
.lft340 { float:left; width:340px;}
.lft350 { float:left; width:350px;}
.lft360 { float:left; width:360px;}
.lft370 { float:left; width:370px;}
.lft380 { float:left; width:380px;}
.lft390 { float:left; width:390px;}
.lft400 { float:left; width:400px;}
.lft410 { float:left; width:410px;}
.lft420 { float:left; width:420px;}
.lft430 { float:left; width:430px;}
.lft440 { float:left; width:440px;}
.lft450 { float:left; width:450px;}
.lft460 { float:left; width:460px;}
.lft470 { float:left; width:470px;}
.lft480 { float:left; width:480px;}
.lft490 { float:left; width:490px;}
.lft500 { float:left; width:500px;}
.lft510 { float:left; width:510px;}
.lft520 { float:left; width:520px;}
.lft530 { float:left; width:530px;}
.lft540 { float:left; width:540px;}
.lft550 { float:left; width:550px;}
.lft560 { float:left; width:560px;}
.lft570 { float:left; width:570px;}
.lft580 { float:left; width:580px;}
.lft590 { float:left; width:590px;}
.lft600 { float:left; width:600px;}
.lft610 { float:left; width:610px;}
.lft620 { float:left; width:620px;}
.lft630 { float:left; width:630px;}
.lft640 { float:left; width:640px;}
.lft650 { float:left; width:650px;}
.lft660 { float:left; width:660px;}
.lft670 { float:left; width:670px;}
.lft680 { float:left; width:680px;}
.lft690 { float:left; width:690px;}
.lft700 { float:left; width:700px;}
.rgt50 { float:right; width:50px;}
.rgt60 { float:right; width:60px;}
.rgt70 { float:right; width:70px;}
.rgt80 { float:right; width:80px;}
.rgt90 { float:right; width:90px;}
.rgt100 { float:right; width:100px;}
.rgt110 { float:right; width:110px;}
.rgt120 { float:right; width:120px;}
.rgt130 { float:right; width:130px;}
.rgt140 { float:right; width:140px;}
.rgt150 { float:right; width:150px;}
.rgt160 { float:right; width:160px;}
.rgt170 { float:right; width:170px;}
.rgt180 { float:right; width:180px;}
.rgt190 { float:right; width:190px;}
.rgt200 { float:right; width:200px;}
.rgt210 { float:right; width:210px;}
.rgt220 { float:right; width:220px;}
.rgt230 { float:right; width:230px;}
.rgt240 { float:right; width:240px;}
.rgt250 { float:right; width:250px;}
.rgt260 { float:right; width:260px;}
.rgt270 { float:right; width:270px;}
.rgt280 { float:right; width:280px;}
.rgt290 { float:right; width:290px;}
.rgt300 { float:right; width:300px;}
.rgt310 { float:right; width:310px;}
.rgt320 { float:right; width:320px;}
.rgt330 { float:right; width:330px;}
.rgt340 { float:right; width:340px;}
.rgt350 { float:right; width:350px;}
.rgt360 { float:right; width:360px;}
.rgt370 { float:right; width:370px;}
.rgt380 { float:right; width:380px;}
.rgt390 { float:right; width:390px;}
.rgt400 { float:right; width:400px;}
.rgt410 { float:right; width:410px;}
.rgt420 { float:right; width:420px;}
.rgt430 { float:right; width:430px;}
.rgt440 { float:right; width:440px;}
.rgt450 { float:right; width:450px;}
.rgt460 { float:right; width:460px;}
.rgt470 { float:right; width:470px;}
.rgt480 { float:right; width:480px;}
.rgt490 { float:right; width:490px;}
.rgt500 { float:right; width:500px;}
.rgt510 { float:right; width:510px;}
.rgt520 { float:right; width:520px;}
.rgt530 { float:right; width:530px;}
.rgt540 { float:right; width:540px;}
.rgt550 { float:right; width:550px;}
.rgt560 { float:right; width:560px;}
.rgt570 { float:right; width:570px;}
.rgt580 { float:right; width:580px;}
.rgt590 { float:right; width:590px;}
.rgt600 { float:right; width:600px;}
.rgt610 { float:right; width:610px;}
.rgt620 { float:right; width:620px;}
/* align */
.inlineL { text-align:left; }
.inlineC { text-align:center; }
.inlineR { text-align:right; }
.vlineT { vertical-align:top    !important; }
.vlineM { vertical-align:middle !important; }
.vlineB { vertical-align:bottom !important; }

/* ============================================
　responsive layout
============================================ */
/* for Tablet (w768px) */
@media only screen and (min-width: 440px) and (max-width: 940px) {
	#header {width:98%; max-width:714px;}
	#logo {width:50%; margin-top:5px;}
	#logo img {width:85%;}
	#head_links { width:50%;}
	#head_links .language {width:100%;}
	#head_links .language a { margin-right:10px;}
	#head_links .links {width:100%; margin-top:0;}
	#head_links .links ul {width:100%; float:right; padding-top:0;}
	#head_links .links .print { display:none;}
	#mainmenu {width:98%; max-width:714px; /*overflow:hidden;*/}
	#mainmenu ul li.c1 { width:14.2%;}
	#mainmenu ul li.c1 .c1a { width:100%;}
	#mainmenu ul li.c1 .c1a span { line-height:1; padding:12px 2px 0 2px; font-size:93%;}
	.h1 h1 { margin:10px 10px 10px 15px;}
	.h1 #breadcrumb { height:2.5em; line-height:1.2; overflow:hidden;}
	#main {width:98%; max-width:712px;}
	#content {width:100%; padding-bottom:10px;}
	#content img,
	#content div,
	#content p { max-width:100%;}
	#side { width:100%; background:#f4f4f4;}
	#side #pagemenusection { display:none;}
	.search_form .textbox { width:300px;}
	#footer_area { text-align:center;}
	#footer p { float:none; text-align:center;}
}
/* for SmartPhone (w320px) */
@media only screen and (max-width: 440px) {
	#header {width:100%; float:none; position:relative; height:60px; margin:0;}
	#logo { position:absolute; top:8px; left:5px; margin:0;}
	#logo .logojp { display:none;}
	#logo .logojp2 { display:block;}
	#logo img {width:185px;}
	#head_links { position:absolute; top:0; right:0; width:100%; height:58px; margin:0; }
	#head_links .language { position:absolute; top:0; right:5px; width:90px;}
	#head_links .language a {;}
	#head_links .links {position:absolute; bottom:0; left:5px; width:90px; width:200px; }
	#head_links .links ul {width:100%; padding-top:0; float:none;}
	#head_links .links ul li { text-align:left; float:left; width:75px; margin:0 0 0 5px;}
	#head_links .links .print { display:none;}
	#mainmenu {width:100%; margin-top:0; background:none;}
	#mainmenu ul li.c1 { width:100%; text-align:left; float:none; margin-right:10px; display:none;}
	#mainmenu ul li.c1 .c1a { width:100%; height:30px; background-repeat:repeat-x; background-image:url(../images/gmenu_sp.gif);}
	#mainmenu ul li.m00 { display:block;}
	#mainmenu ul li.c1 .c1a span { line-height:1; padding:10px 5px 4px; font-size:93%;}
	#mainmenu ul li.c1 a.c1a:hover { background-image:url(../images/gmenu_sp.gif);}
	.h1 {clear:both;}
	.h1 #breadcrumb { height:2.4em; line-height:1.2; overflow:hidden;}
	.h1 h1 { margin:10px 10px 10px 15px; font-weight:normal; font-size:13px;}
	#main {width:100%; border:none;}
	#content {width:100%; padding-bottom:10px;}
	#content .inner { padding:0 10px 10px;}
	h2.h { margin-top:15px;}
	#content img,
	#content div,
	#content p { max-width:100%;}
	#side { width:100%; background:#f4f4f4;}
	#side #pagemenusection { display:none;}
	.search_form .textbox { width:200px;}
	#footer_area { text-align:center;}
	#footer p { float:none; text-align:center;}
}