@charset "utf-8";



/* ----- body ----- */

body {
	background-color: #ffffff;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
}

/* Utility

------------------------------------------------------------*/

/* ----- clear ----- */

.clear,#container,#header,#container,#footer,#footer-inner { clear:both; }


/* [Layout]=================================================*/

/* Outline

------------------------------------------------------------*/

/* ----- center ----- */

body { text-align:center; color: #333333; }
#containerbg { margin:0 auto; text-align:left; }
#container { margin:0 auto; text-align:left; }
#footer-inner { margin:0 auto; text-align:left; }


/* ----- width ----- */

#container,#footer-inner { width:980px; }

#container-cooperration {
	width:553px;
	margin:0 auto;
	text-align:left;
	padding-top:30px;
	margin-bottom:-150px;
	padding-bottom: 170px;
}


/* ----- pane1 ----- */

body.pane1 #content {float:right; width:775px;}
body.pane1 #article {float:left; width:601px;}
body.pane1 #aside {float:left; width:180px;}
body.pane1 #banner {float:right; width:150px;}
body.pane1 #banner a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	zoom: 1;
}


/* ----- img ----- */

#containerbg {
	background: #f1f4f6;
}

/* ----- #container ----- */

#container {
	padding-top:30px;
	margin-bottom:-150px;
}

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

#header {
	width: 980px;
	position: relative;
	margin: 0px auto;
}

#header h1{
	padding:30px 0px 5px 0px;
}

#header_bg .btn_language{
	position:absolute;
	right:0;
	margin:0;
	z-index:100;
}

#header_bg .btn_language li{
	float:left;
}

#header_bg .btn_language li img{
	vertical-align:middle;
}

#container {
	padding-bottom: 170px;
}

/* ----- #banner ----- */

#banner .section {
	margin-bottom: 17px;
}

#banner h2 {
	margin-bottom: 4px;
}

#banner ul.banner li {
	list-style-type: none;
	margin-bottom: 4px;
}

#banner ul.banner.end {
	border-top: #b3b3b3 solid 1px;
	padding-top: 17px;
}

/* ----- #aside ----- */

#aside ul.navbanner {
	border: #edeff1 solid 1px;
	margin-bottom: 20px;
}

#aside ul.navbanner li ul {
	display: none;
}

#aside ul.navbanner li {
	line-height: 1px;
}


/* ----- #footer ----- */

#footer {
	border-top: 1px solid #3d3d3d;
	padding-top: 40px;
}

#footer-inner {
	position: relative;
}

#footer-nav {
	right: 0px;
	top: 0px;
	position: absolute;
}

#footer-nav dt:first-child {
	margin-right:20px;
}

#footer-cooperration {
	border-top: 1px solid #3d3d3d;
	padding-top: 20px;
}

/* ----- #pagetop ----- */

#pagetop {
	margin: 0px auto;
	width: 980px;
	height: 53px;
	position: relative;
}

#pagetop a {
	right: 15px;
	top: 0px;
	position: absolute;
}


/* Paragraph

------------------------------------------------------------*/

.section p { font-size: 12px; margin:0 0 10px; }
.section table { font-size: 12px; }
.section ul { font-size: 12px; }
.section dl { font-size: 12px; }

/* [Contents]===========================================*/

.contents_area {
	background-color: #fff;
	border: 1px solid #edeff1;
	width: 579px;
	padding: 20px 10px;
}

.contents {
	margin: 0px auto;
	width: 553px;
}

/* [Counter]===========================================*/

#counter {
	margin-bottom: 20px;
}

/* [News]===========================================*/

#news_area dl {
	margin: 0px 13px 15px 13px;
	display: inline-block;
}

#news_area dt {
	float: left;
}

#news_area .day {
	width: 96px;
	font-weight: bold;
}

#news_area .pickup {
	width: 59px;
	color: #e60020;
	font-weight: bold;
}

#news_area .topic {
	width: 398px;
	color: #00a1e6;
	font-weight: bold;
}

#news_area iframe {
	width: 580px;
	height: 100px;
	border-top:0px;
	border-right:0px;
	border-bottom:1px dotted #000000;
	border-left:0px;
	color:transparent;
	margin-bottom:20px;
}

.news_month a {
	margin:0px 13px;
	font-weight: bold;
}

.news_month a:last-child {
	margin:0px 0px 0px 13px;
	font-weight: bold;
}

/* [Roop]===========================================*/

#roop_under_lower {
	background:url("../../cmn/img/marathon_bg_under_lower.png") top center repeat-x;
	height: 162px;
	position: relative;
}

#roop_over_lower {
	background:url("../../cmn/img/marathon_bg_over_lower.png") top center repeat-x;
	height: 162px;
	position: relative;
}

/* [Entry]===========================================*/


.entry {
	position: relative;
}

.entry_coll {
	position: absolute;
	top: 69px;
	left: 52px;
}

.entry_app {
	position: absolute;
	top: 69px;
	left: 120px;
}

.entry_first {
	position: absolute;
	top: 69px;
	left: 239px;
}

.entry_kira {
	position: absolute;
	top: 69px;
	left: 406px;
}

.entry_coll_lower {
	position: absolute;
	top: 62px;
	left: 13px;
}

.entry_app_lower {
	position: absolute;
	top: 62px;
	left: 81px;
}

.entry_first_lower {
	position: absolute;
	top: 62px;
	left: 200px;
}

.entry_kira_lower {
	position: absolute;
	top: 62px;
	left: 367px;
}

.entry_coll_en {
	position: absolute;
	top: 60px;
	left: 174px;
}

.entry_app_en {
	position: absolute;
	top: 60px;
	left: 376px;
}

.entry_mem_title {
	height: 45px;
	background-color: #00a1e6;
	font-family:"japaneseFont","Athelas","MS UI Gothic";
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.25em;
	line-height: 20px;
	padding-top: 20px;
}

.entry_mem {
	border: #000 solid 2px;
	text-align: center;
	background-color: #fff;
}

.entry_mem a {
	text-decoration: none;
}

.entry_mem_inner {
	padding: 10px;
}

.entry_note {
	border: #00a1e6 solid 2px;
	text-align: center;
	background-color: #fff;
}

.entry_end {
	border: #000 solid 2px;
	text-align: center;
	background-color: #fff;
}

.entry_end_title {
	height: 45px;
	background-color: #e60021;
	font-family:"japaneseFont","Athelas","MS UI Gothic";
	font-weight: bold;
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.25em;
	line-height: 20px;
	padding-top: 20px;
}

.entry_end_inner {
	padding: 10px;
}

/* Link

------------------------------------------------------------*/

/* ----- a ----- */
a:link { color:#0066FF; }
a:visited { color:#CC00CC; }
a:hover { color:#FF0066; }
a:active { color:#FF0066; }



/*------------------------------------
margin
------------------------------------*/
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !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; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !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; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !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; }
.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; }

/*------------------------------------
common
------------------------------------*/
.floatL { float:left; }
.floatR { float:right; }
.cb { clear:both; }
.lazy { display:none; }
.txtC { text-align:center; }
.txtR { text-align:right; }
.txtL { text-align:left; }
.bold { font-weight:bold; }
.red { color: #e60021; }
.blue { color: #2782c3; }
.wht { color: #fff; }
.min { font-size: 80%; }
.big { font-size: 120%; }
.cntr { margin: 0 auto; }
.border_dotted { border-top:0px; border-right:0px; border-bottom:1px dotted #000000; border-left:0px; color:transparent; }
.lm_10 { margin-left:10px; }
.sign { padding-left:1em; text-indent:-1em; }
.sign2 { padding-left:2.7em; text-indent:-2.7em; }
.sign3 { padding-left:2.3em; text-indent:-2.3em; }
.sign4 { padding-left:2.7em; }
.sign5 { padding-left:3.5em; }
.sign6 { padding-left:3.7em; text-indent:-1em; }
.sign7 { padding-left:5.7em; }
.sign8 { padding-left:6.7em; text-indent:-1em; }
.sign9 { padding-left:0.8em; text-indent:-0.8em; }
.sign10 { padding-left:2.1em; text-indent:-0.8em; }
.sign11 { padding-left:4.5em; text-indent:-1em; }
.sign12 { padding-left:1.3em; text-indent:-1.3em; }
.sign13 { padding-left:3em; text-indent:-1.75em; }
.sign14 { padding-left:3.75em; text-indent:-0.65em; }
.sign15 { padding-left:1.25em; }
.sign16 { padding-left:2em; text-indent:-0.65em; }
.sign17 { padding-left:5.8em; text-indent:-5.8em; }
.sign18 { padding-left:6.8em; text-indent:-0.65em; }
.sign19 { padding-left:3.7em; text-indent:-1em; }
.sign20 { padding-left:3.7em; }
.sign21 { padding-left:0.65em; text-indent:-0.65em; }
.sign22 { padding-left:0.6em; text-indent:-0.6em; }
.ls { letter-spacing: -0.03em; }
.ls2 { letter-spacing: -0.09em; }
.ls3 { letter-spacing: -0.02em; }
.frame {width: 501px; border: solid 1px #00a1e6; padding: 30px 24px; }
@font-face { font-family: "japaneseFont"; src: url("../font/japanese.woff") format("woff");}
.blue_title { font-family:"japaneseFont","Athelas","MS UI Gothic"; font-weight: bold; color: #2782c3; font-size: 18px; letter-spacing: 0.03em; line-height: 18px; }
.gray_title { font-family:"japaneseFont","Athelas","MS UI Gothic"; font-weight: bold; color: #3a3c2e; font-size: 26px; letter-spacing: 0.03em; line-height: 28px; padding: 0px 0px 10px 10px; width: 570px; border-bottom: 2px solid #00a1e6; }
.hidden { visibility:collapse; border-collapse: collapse; }
.hidden th { height:0px; padding:0;}
.hidden td { height:0px; padding:0;}

/*------------------------------------
英語
------------------------------------*/
.en				{ font-family: "sans-serif"; }
.en_blue_title	{ font-family: "sans-serif"; font-weight: bold; color: #2782c3; font-size: 18px; letter-spacing: 0.03em; line-height: 18px; }
.en_gray_title	{ font-family: "sans-serif"; font-weight: bold; color: #3a3c2e; font-size: 26px; letter-spacing: 0.03em; line-height: 28px; padding: 0px 0px 10px 10px; width: 570px; border-bottom: 2px solid #00a1e6; }
/*------------------------------------
ハングル
------------------------------------*/
.ko				{ font-family: "Gulim","Apple Gothic","Arial",sans-serif; }
.ko_gray_title	{ font-family: "Gulim","Apple Gothic","Arial",sans-serif; font-weight: bold; color: #3a3c2e; font-size: 26px; letter-spacing: 0.03em; line-height: 28px; padding: 0px 0px 10px 10px; width: 570px; border-bottom: 2px solid #00a1e6; }
/*------------------------------------
中国語繁体字
------------------------------------*/
.ch_h			{ font-family: "Hei","MS UI Gothic",sans-serif; }
.ch_h_gray_title{ font-family: "Hei","MS UI Gothic",sans-serif; font-weight: bold; color: #3a3c2e; font-size: 26px; letter-spacing: 0.03em; line-height: 28px; padding: 0px 0px 10px 10px; width: 570px; border-bottom: 2px solid #00a1e6; }
/*------------------------------------
中国語簡体字
------------------------------------*/
.ch_k			{ font-family: "SimHei","MS UI Gothic",sans-serif; letter-spacing: -0.05em; }
.ch_k_gray_title{ font-family: "SimHei","MS UI Gothic",sans-serif; font-weight: bold; color: #3a3c2e; font-size: 26px; letter-spacing: 0.03em; line-height: 28px; padding: 0px 0px 10px 10px; width: 570px; border-bottom: 2px solid #00a1e6; }
/*------------------------------------
多言語終わり
------------------------------------*/

a:hover img.hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	zoom: 1;
}

table {
	table-layout: fixed;
	word-wrap: break-word;
}

/*EOF*/