@charset "utf-8";

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

html, body {
	font-size: 14px;
}

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.7;
	vertical-align: baseline;
	background: transparent;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.mincho{
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Osaka, arial, helvetica, 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の下スペ回避*/
  -webkit-touch-callout:none; /* リンク長押しのポップアップを無効化 */
}

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;
}
ul {
	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;}


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


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

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


/* ==================================================
 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%

=================================================== */
.fn12{
  font-size:12px;
}

.fn13{
  font-size:13px;
}

.fn14{
  font-size:14px;
}

/*===========================================================
＊ 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;}

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


/*************************************************************
【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}

.m100{margin:100px !important}
.mt100{margin-top:100px !important}
.mr100{margin-right:100px !important}
.mb100{margin-bottom:100px !important}
.ml100{margin-left:100px !important}

.centerpos{
	text-align:center;
}

/* Fancyboxの矢印を常に表示 */
#fancybox-left-ico,#fancybox-left:hover span {
	left: -18px;
}

#fancybox-right-ico,#fancybox-right:hover span {
	left: auto;
	right: -18px;
}

#fancybox-left:hover span {
	left: -18px;
}

#fancybox-right:hover span {
	right: -18px;
}


#fancybox-close {
	top: -17px;
	right: -17px;
	width: 34px;
	height: 34px;
	background-image: url('/site/images/common/fancy_close.png');
	background-position: 0px 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	width: 34px;
	height: 34px;
}

#fancybox-left-ico {
	background-image: url('/site/images/common/fancy_nav_left.png');
	background-position: 0px 0px;
}

#fancybox-right-ico {
	background-image: url('/site/images/common/fancy_nav_right.png');
	background-position: 0px 0px;
}

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