/* CSS Information ==============================
File name: common.css
Editors: toshiyuki ueda
Last Editor: toshiyuki ueda
Date: 2010.03.07
Table of contents:
 +base element
 +link pseudo-class
 +header
 +container
   ++topics
   ++cool-players
   ++service-seminar
   ++special-contents
   ++banner
 +primary-contents
 +secondary-contents
 +footer
 +general-class
 +clearfix
 +a11y
============================================== */
/*====================
 +font size
====================*/
 /*************** font size ***************/
.small_S {
	font-size: 8px;
	line-height: 10px;
	text-align: justify;
}

.small_M {
	font-size: 10px;
	line-height: 14px;
	text-align: justify;
}
.small_L {
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}
.medium_S {
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
}
.medium_M {
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
}
.medium_L {
	font-size: 18px;
	line-height: 22px;
	text-align: justify;
}
.font_SS { font-size: 8px }
.font_S { font-size: 10px }
.font_M { font-size: 12px }
.font_L { font-size: 14px }
.font_LL { font-size: 16px }
.txtBold {
	font-weight:bold;
}
.superscript{ vertical-align: super; }
/*====================
 +font color
======================*/
.blue {
	color: #0a50a1;
}
.gray {
	color: #666;
}
.red {
	color: #f00;
}
.green {
	color: #008000;
}
.white{
	color: #fff;
}
/*====================
 +margin style
======================*/
.space_A {
	margin: 30px 0 0 10px;
}
.space_B {
	text-align: justify;
	margin: -20px 0 30px;
}
.space_C {
	margin: 90px 0 60px 10px;
}
.space_F {
	margin: 40px 0px;
}
.space_G {
	margin: 50px 0 50px 5px;
}
.space_H {
	margin: -25px 90px 0 0;
}
.space_I {
	margin: -35px 30px 0 0;
}
.space_J{
	margin: -25px 360px 0 0;
}
.space_K{
	margin: -5px 10px 0 0;
}
.space_L{
	margin: -25px 250px 0 0;
}
.space_M{
	margin: -25px 200px 0 0;
}
.space_N {
	text-align: justify;
	margin: -30px 0 0 0;
}
.space_O {
	text-align: justify;
	margin: -35px 350px 0 0;
}
	
.ma05	{	margin:5px;	}
.ma10	{	margin:10px;	}
.ma15	{	margin:15px;	}
.ma20	{	margin:20px;	}
.ma25	{	margin:25px;	}
.ma30	{	margin:30px;	}
.ma35	{	margin:35px;	}
.ma40	{	margin:40px;	}

.mt05	{	margin-top:5px;	}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt35	{	margin-top:35px;	}
.mt40	{	margin-top:40px;	}

.mr05	{	margin-right:5px;	}
.mr10	{	margin-right:10px;	}
.mr15	{	margin-right:15px;	}
.mr20	{	margin-right:20px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb35	{	margin-bottom:35px;	}
.mb40	{	margin-bottom:40px;	}
.mb45	{	margin-bottom:45px;	}
.mb50	{	margin-bottom:50px;	}
.mb55	{	margin-bottom:55px;	}
.mb60	{	margin-bottom:60px;	}
.mb65	{	margin-bottom:65px;	}
.mb70	{	margin-bottom:70px;	}
.mb75	{	margin-bottom:75px;	}
.mb80	{	margin-bottom:80px;	}
.mb85	{	margin-bottom:85px;	}
.mb90	{	margin-bottom:90px;	}

.ml05	{	margin-left:5px;	}
.ml10	{	margin-left:10px;	}
.ml15	{	margin-left:15px;	}
.ml20	{	margin-left:20px;	}
.ml25	{	margin-left:25px;	}
.ml30	{	margin-left:30px;	}
.ml35	{	margin-left:35px;	}
.ml40	{	margin-left:40px;	}
.ml45	{	margin-left:45px;	}
.ml50	{	margin-left:50px;	}
.ml55	{	margin-left:55px;	}
.ml60	{	margin-left:60px;	}
.ml90	{	margin-left:90px;	}
/********** padding Style **********/

.pa05	{	padding:5px;	}
.pa10	{	padding:10px;	}
.pa15	{	padding:15px;	}
.pa20	{	padding:20px;	}

.pt05	{	padding-top:5px;	}
.pt10	{	padding-top:10px;	}
.pt15	{	padding-top:15px;	}
.pt20	{	padding-top:20px;	}
.pt25	{	padding-top:25px;	}
.pt30	{	padding-top:30px;	}
.pt35	{	padding-top:35px;	}
.pt40	{	padding-top:40px;	}
.pt45	{	padding-top:45px;	}
.pt50	{	padding-top:50px;	}
.pt55	{	padding-top:55px;	}
.pt60	{	padding-top:60px;	}

.pr05	{	padding-right:5px;	}
.pr10	{	padding-right:10px;	}
.pr15	{	padding-right:15px;	}
.pr20	{	padding-right:20px;	}
.pr25	{	padding-right:25px;	}
.pr30	{	padding-right:30px;	}
.pr35	{	padding-right:35px;	}
.pr40	{	padding-right:40px;	}
.pr45	{	padding-right:45px;	}
.pr50	{	padding-right:50px;	}
.pr55	{	padding-right:55px;	}
.pr60	{	padding-right:60px;	}

.pb05	{	padding-bottom:5px;	}
.pb10	{	padding-bottom:10px;}
.pb15	{	padding-bottom:15px;}
.pb20	{	padding-bottom:20px;}
.pb25	{	padding-bottom:25px;}
.pb30	{	padding-bottom:30px;}
.pb35	{	padding-bottom:35px;}
.pb40	{	padding-bottom:40px;}
.pb45	{	padding-bottom:45px;}
.pb50	{	padding-bottom:50px;}
.pb55	{	padding-bottom:55px;}
.pb60	{	padding-bottom:60px;}
.pb65	{	padding-bottom:65px;}
.pb70	{	padding-bottom:70px;}

.pl05	{	padding-left:5px;	}
.pl10	{	padding-left:10px;	}
.pl15	{	padding-left:15px;	}
.pl20	{	padding-left:20px;	}
.pl30	{	padding-left:30px;	}
.pl40	{	padding-left:40px;	}
.pl50	{	padding-left:50px;	}
.pl55	{	padding-left:55px;	}
.pl60	{	padding-left:60px;	}
.pl70	{	padding-left:70px;	}

.letterspac{ letter-spacing: 0.5em; }
.txt_center{ text-align: center; }
.txt_right{ text-align: right; }
.txt_left{ text-align: left; }
.txt_vertical{ writing-mode: tb-rl; }


.wd00{ width: 1em	 }
.wd01{ width: 25px	 }
.wd02{ width: 50px;	 }
.wd03{ width: 75px;	 }
.wd04{ width: 100px; }
.wd05{ width: 125px; }
.wd06{ width: 150px; }
.wd07{ width: 175px; }
.wd08{ width: 200px; }
.wd09{ width: 225px; }
.wd10{ width: 250px; }
.wd11{ width: 275px; }
.wd12{ width: 300px; }
.wd13{ width: 325px; }
.wd14{ width: 350px; }
.wd15{ width: 375px; }
.wd16{ width: 400px; }
.wd17{ width: 425px; }
.wd18{ width: 450px; }
.wd19{ width: 475px; }
.wd20{ width: 500px; }
.wd21{ width: 525px; }
.wd22{ width: 550px; }