@charset "utf-8";

/*=====================================================================================
	
	Document    : basic.css
	Created on  : 2013/11/27
	Description : ブラウザスタイルのリセットと基本設定 

	1-1. Reset
	1-2. Default
 
=====================================================================================*/

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

   1-1. Reset

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

/** { margin:0; padding:0; }*/

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,
caption, tbody, tfoot, thead,
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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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 inherit;
    cursor:help;
}

address {
	font-style:normal;
}

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

th,td {
	empty-cells:show;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
	vertical-align:top;
}

img.fitimg {
	max-width:100%;
	height:auto;
}


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

   1-2. Default

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

body {
	text-align:center;
	color:#000;
}

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

.cl:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

.line0 {
	line-height:0;
	font-size:0;
}

.blk {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.bold {
	font-weight:bold;
}

.linkBox {
	cursor:pointer;
}


/*-------------------------------------------------------
   Font color + Link
-------------------------------------------------------*/

body,input,textarea,
th,td,
.fsize-n { font-size:15px; line-height:150%; }

.fsize-ss { font-size:11px; line-height:160%; }
.fsize-s { font-size:13px; line-height:150%; }
.fsize-m { font-size:18px; line-height:140%; }
.fsize-l { font-size:21px; line-height:130%; }
.fsize-xl { font-size:25px; line-height:130%; }

.fc-normal { color:#000; }
.fc-blue { color:#004daa; }
.fc-red { color:#dc3c41; }
.fc-orange { color:#f08200; }
.fc-green { color:#559600; }
.fc-gray { color:#777; }

a:link { color:#004daa; }
a:visited { color:#004daa; }
.linkbox:hover a,
a:hover { color:#0083d4; text-decoration:none; }

.efc:hover
.efc a:hover,
.efc:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

.fc-normal a,
.fc-normal a:visited,
.fc-normal a:hover,
.fc-normal,
.fc-normal:visited,
.fc-normal:hover { color:#000 !important; }

.fc-white a,
.fc-white a:visited,
.fc-white a:hover,
.fc-white,
.fc-white:visited,
.fc-white:hover { color:#fff !important; }


/*-------------------------------------------------------
   Button
-------------------------------------------------------*/

.btn-gray {
	background:url(../image/bar-gray.gif) repeat-x left top;
	background-color:#e6e6e6;
	border-left:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	/*display:block;*/
	padding:10px 14px;
	text-decoration:none;
}

.btn-gray:hover {
	background-image:none;
	background:url(../image/bar-gray-on.gif) repeat-x left top;
	background-color:#f0f0f0;
}

.btn-gray img {
	vertical-align:middle;
	margin-right:10px;
}


/*-------------------------------------------------------
   Margin + Padding
-------------------------------------------------------*/

.pd-5 { padding:5px; }
.pd-10 { padding:10px; }
.pd-15 { padding:15px; }
.pd-20 { padding:20px; }
.pd-25 { padding:25px; }
.pd-30 { padding:30px; }
.pd-35 { padding:35px; }
.pd-40 { padding:40px; }
.pd-45 { padding:45px; }
.pd-50 { padding:50px; }
.pd-60 { padding:60px; }
.pd-70 { padding:70px; }
.pd-80 { padding:80px; }
.pd-90 { padding:90px; }
.pd-100 { padding:100px; }

.pd-s5 { padding:0 5px; }
.pd-s10 { padding:0 10px; }
.pd-s15 { padding:0 15px; }
.pd-s20 { padding:0 20px; }
.pd-s25 { padding:0 25px; }
.pd-s30 { padding:0 30px; }
.pd-s35 { padding:0 35px; }
.pd-s40 { padding:0 40px; }
.pd-s45 { padding:0 45px; }
.pd-s50 { padding:0 50px; }
.pd-s60 { padding:0 60px; }
.pd-s70 { padding:0 70px; }
.pd-s70 { padding:0 70px; }
.pd-s80 { padding:0 80px; }
.pd-s90 { padding:0 90px; }
.pd-s100 { padding:0 100px; }

.pd-b5 { padding-bottom:5px; }
.pd-b10 { padding-bottom:10px; }
.pd-b15 { padding-bottom:15px; }
.pd-b20 { padding-bottom:20px; }
.pd-b25 { padding-bottom:25px; }
.pd-b30 { padding-bottom:30px; }
.pd-b35 { padding-bottom:35px; }
.pd-b40 { padding-bottom:40px; }
.pd-b45 { padding-bottom:45px; }
.pd-b50 { padding-bottom:50px; }
.pd-b60 { padding-bottom:60px; }
.pd-b70 { padding-bottom:70px; }
.pd-b80 { padding-bottom:80px; }
.pd-b90 { padding-bottom:90px; }
.pd-b100 { padding-bottom:100px; }

.pd-t5 { padding-top:5px; }
.pd-t10 { padding-top:10px; }
.pd-t15 { padding-top:15px; }
.pd-t20 { padding-top:20px; }
.pd-t25 { padding-top:25px; }
.pd-t30 { padding-top:30px; }
.pd-t35 { padding-top:35px; }
.pd-t40 { padding-top:40px; }
.pd-t45 { padding-top:45px; }
.pd-t50 { padding-top:50px; }
.pd-t60 { padding-top:60px; }
.pd-t70 { padding-top:70px; }
.pd-t80 { padding-top:80px; }
.pd-t90 { padding-top:90px; }
.pd-t100 { padding-top:100px; }

.mg-b5 { margin-bottom:5px; }
.mg-b10 { margin-bottom:10px; }
.mg-b15 { margin-bottom:15px; }
.mg-b20 { margin-bottom:20px; }
.mg-b25 { margin-bottom:25px; }
.mg-b30 { margin-bottom:30px; }
.mg-b35 { margin-bottom:35px; }
.mg-b40 { margin-bottom:40px; }
.mg-b45 { margin-bottom:45px; }
.mg-b50 { margin-bottom:50px; }
.mg-b60 { margin-bottom:60px; }
.mg-b70 { margin-bottom:70px; }
.mg-b80 { margin-bottom:80px; }
.mg-b90 { margin-bottom:90px; }
.mg-b100 { margin-bottom:100px; }

.mg-t5 { margin-top:5px; }
.mg-t10 { margin-top:10px; }
.mg-t15 { margin-top:15px; }
.mg-t20 { margin-top:20px; }
.mg-t25 { margin-top:25px; }
.mg-t30 { margin-top:30px; }
.mg-t35 { margin-top:35px; }
.mg-t40 { margin-top:40px; }
.mg-t45 { margin-top:45px; }
.mg-t50 { margin-top:50px; }
.mg-t60 { margin-top:60px; }
.mg-t70 { margin-top:70px; }
.mg-t80 { margin-top:80px; }
.mg-t90 { margin-top:90px; }
.mg-t100 { margin-top:100px; }