@charset "UTF-8";

/*-----------------------
coded by sure at 2012-07-19
-------------------------*/

/*-----------------------*/
/* 1.BASE&RESET */
/* 2.FONT */
/* 3.LAYOUT */
/* 4.COMMON */
/*-----------------------*/


/* 1.BASE&RESET
====================================================================================================== */
*{
	margin: 0px;
	padding: 0px;}

body {
	line-height:1.6;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	color: #4a4a4a;}

a:link, a:visited { color:#2c5bc3; text-decoration: underline; }
a:active, a:hover { color:#2c5bc3; text-decoration: none; }

img{
	border:none;
	vertical-align:bottom;}		

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	td,th{
		border:none;
		}
	
ul li{list-style:none;}		

/* br clear
---------------------------*/
br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear {
	clear: both;}

/* clearfix
---------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0;
	font-size:0.1em;
	visibility: hidden;}
.clearfix{
	display:block;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */	
	
.bold{font-weight:bold !important;}

/* margin padding
---------------------------*/
.mb-0{
	margin-bottom:0 !important;
	}
	.mb-5{
		margin-bottom:5px !important;
		}
	.mb-10{
		margin-bottom:10px !important;
		}
	.mb-20{
		margin-bottom:20px !important;
		}
	.mb-25{
		margin-bottom:25px !important;
		}
	.mb-30{
		margin-bottom:30px !important;
		}
.mt-5{
	margin-top:5px !important;
	}
	.mt-5{
		margin-top:5px !important;
		}
	.mt-10{
		margin-top:10px !important;
		}
	.mt-15{
		margin-top:15px !important;
		}
	.mt-20{
		margin-top:20px !important;
		}
	.mt-30{
		margin-top:30px !important;
		}
.mr-0{
	margin-right:0px !important;
	}
	.mr-5{
		margin-right:5px !important;
		}
	.mr-10{
		margin-right:10px !important;
		}
	.mr-20{
		margin-right:20px !important;
		}
	.mr-30{
		margin-right:30px !important;
		}
.ml-0{
	margin-left:0px !important;
	}	
	.ml-5{
		margin-left:5px !important;
		}
	.ml-10{
		margin-left:10px !important;
		}
	.ml-20{
		margin-left:20px !important;
		}
	.ml-30{
		margin-left:30px !important;
		}

.pb-0{
	padding-bottom:0px !important;
	}
	.pb-5{
		padding-bottom:5px !important;
		}
	.pb-10{
		padding-bottom:10px !important;
		}
	.pb-20{
		padding-bottom:20px !important;
		}
	.pb-30{
		padding-bottom:30px !important;
		}
.pt-0{
	padding-top:0px !important;
	}
	.pt-5{
		padding-top:5px !important;
		}
	.pt-10{
		padding-top:10px !important;
		}
	.pt-20{
		padding-top:20px !important;
		}
	.pt-30{
		padding-top:30px !important;
		}


/* 2.FONT(base16px)
====================================================================================================== */
/* modern brawzer
---------------------------*/
html body{	
	font-size:14px;}
html body .large{
	font-size:16px;}
html body .llarge{
	font-size:18px;}
html body .small{
	font-size:12px;}
html body .ssmall{
	font-size:10px;}
	

html body h1,
html body h2,
html body h3,
html body h4,
html body h5{	
	font-size:14px;
	font-weight:normal;}

input,textarea{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-size:1em;
	}


/* 3.LAYOUT
====================================================================================================== */
#wrapper{
	width:100%;
	background:url(../images/bg.gif) top repeat-x;}

#header{
	width:963px;
	margin:0 auto;
	padding:13px 0 0 7px;
	position:relative;
	}

#contents{
	width:970px;
	margin:0 auto;
	position:relative;
	}

#footer{
	width:980px;
	margin:12px auto 35px;
	padding:7px 10px;
	color:#fff;
	background:#11126d;
	text-align:right;}

/* profile */
#wrapper-profile{
	width:100%;
	background:url(../images/bg-profile.gif) top repeat-x;}

#header-profile{
	width:540px;
	margin:0 auto 30px;
	padding:7px 10px;
	position:relative;
	}

#contents-profile{
	width:530px;
	margin:0 auto;
	}

#footer-profile{
	width:540px;
	margin:12px auto 0;
	padding:7px 10px;
	color:#fff;
	background:#11126d;
	text-align:right;}


/* 4.COMMON
====================================================================================================== */
.logo-button p{
	float:left;
	}
.logo-button .button{
	margin-top:52px;
	float:right;
	position:relative;
	}
	.logo-button .button .tweet{
		position:absolute;
		top:0;
		right:130px;
		}
	.logo-button .button iframe{
		position:absolute;
		top:0;
		right:0;
		}

.menu{
	margin:15px 5px;
	position:relative;
	}
	.menu li{
		float:left;
		margin-right:3px;
		}

.contents-left{
	float:left;
	width:646px;
	padding-top:19px;
	}

.contents-right{
	float:left;
	width:300px;
	margin:19px 0 0 24px;
	}

.detail{
	margin:15px 23px 0;
	padding-bottom:35px;
	}

.icon-arrow02{
	background:url(../images/icon-arrow02.gif) left 0.4em no-repeat;
	padding-left:17px;
	}
.list-arrow02 li{
	background:url(../images/icon-arrow02.gif) left 0.4em no-repeat;
	margin-bottom:5px;
	padding-left:17px;
	}

.text-support{
	margin:10px 0 12px;
	text-align:center;
	}

.banner01{
	margin-bottom:20px;
	text-align:center;
	}

.totop{
	margin-right:23px;
	text-align:right;
	}
	.totop img{
		margin-right:8px;
		vertical-align:middle;
		}