@charset "utf-8";

/*===========================================================
＊ BASIC SETTING
===========================================================*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	line-height: 1.5;
	vertical-align: baseline;
	background: transparent;
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}


/*	title
--------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

/*	image
--------------------------------------*/
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align:bottom;/*IEの下スペ回避*/
}
a img{
	border: 0px;
}

/*	link
--------------------------------------*/
a{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/*	ロールオーバー時、透過で使用
-------------------------------------*/
.toimg a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.tobg a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*	table
--------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*	list
--------------------------------------*/
nav ul {
	list-style: none;
}
li {
	list-style-type: none;
}

/*	blockquote
--------------------------------------*/
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/*	line
--------------------------------------*/
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

/*	form
--------------------------------------*/
input, select {
	vertical-align: middle;
}

/*	斜め文字と太字の初期化
--------------------------------------*/

address,caption,cite,code,dfn,em,var {
	font-style: normal;
	font-weight: normal;
}


/*===========================================================
＊ clearfix
===========================================================*/


/*	クリアフィックス - CLEAR FIX -
--------------------------------------*/
.cf:before,
.cf:after { content:""; display:table;} 
.cf:after { clear:both;}
.cf { zoom:1;}

.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }

/* overflow クリア
--------------------------------------*/
.c-fix{
	overflow:hidden;
	_zoom:1;}


/*===========================================================
＊ FONT LAYOUT
===========================================================*/

/*	color
--------------------------------------*/
.tRed	 {color: #FF0000;}
.tGreen	 {color: #00FF00;}
.tBlue	 {color: #2D2886;}
.tLiBlue  {color: #0066CC;}
.tBlack	 {color: #000000;}
.tWhite	 {color: #FFFFFF;}
.tOrange {color: #FF9900;}
.tYellow {color: #FFFF00;}
.tGray	 {color: #666666;}

.tPink a{ color: #e7198c;}
.tPink2 { color: #f44b82; font-weight:bold;}

/* ==================================================
 style info :
 
fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
 
=================================================== */
.fn10 {font-size:77%;}
.fn11 {font-size:85%;}
.fn12 {font-size:93%;}
.fn13 {font-size:100%;}
.fn14 {font-size:108%;}
.fn15 {font-size:116%;}
.fn16 {font-size:123.1%;}
.fn17 {font-size:131%;}
.fn18 {font-size:138.5%;}
.fn19 {font-size:146.5%;}
.fn20 {font-size:153.9%;}
.fn21 {font-size:161.6%;}
.fn22 {font-size:167%;}
.fn23 {font-size:174%;}
.fn24 {font-size:182%;}
.fn25 {font-size:189%;}
.fn26 {font-size:197%;}
.fn30 {font-size:278%;}

/*===========================================================
＊ OHTER LAYOUT
===========================================================*/


/* 位置調整
--------------------------------------------------*/
.txtL {text-align: left !important;}
.txtC {text-align: center !important;}
.txtR {text-align: right !important;}
.floatL {float: left;}
.floatR {float: right;}
.imgL {float:left; margin:0 15px 15px 0;}
.imgR {float:right; margin:0 0 15px 15px;}
.centerpos{text-align:center;}

/* スペース クリア
--------------------------------------------------*/
.noAll{
	margin:0 !important;
	padding:0 !important;}
.bend{
	margin-bottom:0!important;
	padding-bottom:0!important;}


/*===========================================================
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
===========================================================*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}


/*------------------------------------------ End */