@charset "utf-8";

/*  
Theme Name  : 
Theme URI   : 
Description : 
Version: 1.0.0
Author: Sato Miki
Author URI: 
.
created  : 20160701
.
*/

/*===============================================
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

Font-size Adjustment
http://developer.yahoo.com/yui/fonts/#using
-------------------------------------------------
77% = 10px  | 123.1%(122%) = 16px | 167% = 22px
85% = 11px  | 131%  (129%) = 17px | 174% = 23px 
93% = 12px  | 138.5%(136%) = 18px | 182% = 24px 
100% = 13px | 146.5%(144%) = 19px | 189% = 25px 
108% = 14px | 153.9%(152%) = 20px | 197% = 26px 
116% = 15px | 161.6%(159%) = 21px | 
================================================*/

/*======================================
	Default Elements
=======================================*/
html {
  font-size: 112.5%;
}
 
body {
  font-size: 18px;
  font-size: 1rem;  
	/* sets the default sizing to make sure nothing is actually 10px */
	line-height: 1.6;
	color: #3e3e3e;
	background-color: #ffffff;
	display: block;	
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}
/* IE8 fade対策 */
/*
* {
    filter: inherit;
}
*/
/*----------------------------------------
    HTML 5
----------------------------------------*/

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


/*----------------------------------------
	Section
----------------------------------------*/

address {
	font-style: normal;
}

/*----------------------------------------
	Text
----------------------------------------*/

h1 {
	font-size: 122%;
}

h2 {
	font-size: 116%;
}

h3 {
	font-size: 108%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 93%;
}

h6 {
	font-size: 85%;
}

p,h1,h2,h3,h4,h5,h6 {
	margin: 1em 0;
}

em {
	font-style : italic;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

s {}

cite {
	font-style: normal;
}

q {
	font-style : italic;
}

abbr{
	border-bottom: 1px dotted #aaaaaa;
	cursor: help;
}

kbd {
	border: 1px solid #cccccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	text-transform: uppercase;
}

sub, 
sup { 
    font-size: 77%;
}

i {}
b {}
u {}
small {}
mark {}
dfn {}
time {}
code {}
var {}
samp {}

/*----------------------------------------
	HyperLink
----------------------------------------*/

a {
	text-decoration: none;
}

a:link {
	color: #038ba4;
}

a:visited {
	color: #038ba4;
}

a:hover {
	color: #707070;
}

/*----------------------------------------
	Contents Group
----------------------------------------*/

ul ,
ol {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	list-style: none;
}

li {
	margin: 0;
}

li ul ,
li ol {
	margin: 0.1em 0 0.1em 1.3em;
}

dl {
	margin: 1em 0;
}

dt {
	margin: 0.5em 0;
}

dd {
	margin: 0.5em 0 1em;
}

pre {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #cccccc;
	width: auto;
	overflow: auto;
	_overflow: scroll;
	color: #000000;
	background-color: #f5f5f5;
	font-size: 100%;
}

blockquote, q {
    quotes:none;
}

blockquote {
	margin: 1.5em 0;
	padding: 1px 20px; 
	border: 3px solid #f5f5f5;
	color: #666666;
}

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


/*----------------------------------------
	Edit
----------------------------------------*/

del {
	color: #999999;
	text-decoration: line-through;
}

ins {
	border-bottom: 1px dotted #cccccc;
	text-decoration: none;
}

/*----------------------------------------
	Forms
----------------------------------------*/

form {
	margin: 1em 0;
}

fieldset { 
    margin: 0;
	padding: 1px 20px 15px;
	border: none;
	border: 1px solid #ddd;
}

legend { 
	margin: 0;
	padding: 1px 10px;
	color: #333333;
}

label { 
    cursor: pointer;
}

form dl {
	margin: 0.3em 0;
}

form dt ,
form dd {
	margin: 0;
}

input ,
textarea {
	margin: 0;
	padding: 1px 0.2em;
	border: 1px solid #bbbbbb;
	background-color: #ffffff;
}

select {
	border: 1px solid #b7ccdf;
}

input.checkbox {
	border: none;
	background-color: transparent;
}

input.radio {
	border: none;
	background-color: transparent;
}

input:hover,
textarea:hover {
	border: 1px solid #333333;
}

input:focus,
textarea:focus {
	border: 1px solid #000000;
}


/*----------------------------------------
	Tables
----------------------------------------*/
/* IE6,7はtable margin-topを指定すると位置ズレ */

table {
	margin: 0 0 0.5em 0;
    border-collapse: collapse;
	border: 1px solid #e0e0e0;
    border-spacing: 0;
    width: 100%;
}

/* IE6,7はcaptionにmarginを指定すると位置ズレ */
caption {
    text-align: left;
	padding-bottom: 0.3em;
}

th,
td {
    text-align: left;
    /*padding: 5px 7px;*/
    font-size: 100%;
    padding: 8px;
    border-collapse: collapse;
	border: 1px solid #cccccc;
	line-height: 1.5;
}

th {
	background-color: #f0f0f0;
}

td {
	background-color: #ffffff;
}

/* Border Bottom
----------------------------------------*/

table.bordered {
	border-width: 0px;
}

table.bordered th ,
table.bordered td {
    border-width: 0 0 1px 0;
}

/*----------------------------------------
	Image
----------------------------------------*/

/* 画像を隙間無く敷き詰める */
img {
	vertical-align: middle;
}

a img {
	border: none;
}

a:hover img {
	border: none;
}

/*----------------------------------------
	Object
----------------------------------------*/

object,
embed {
  vertical-align: bottom;
}

/*----------------------------------------
	Other
----------------------------------------*/

hr {
	display: none;
}

br {
	letter-spacing: 0;
}

.hide {
	display: none;
}

/*----------------------------------------
	Image Floating
----------------------------------------*/

.imgL {
	/*margin: 5px 15px 15px 0;*/
	margin: 0 0.2em 0.2em 0;
	float: left;
}

.imgR {
	/*margin: 5px 0 15px 15px;*/
	margin: 0 0 0.2em 0.2em;
	float: right;
}

.extra {  
    display: block;  
    overflow: hidden;  
}


/*----------------------------------------
	Image Floating
----------------------------------------*/
.clear {
	clear: both;	
}



/*----------------------------------------
	List Setting
----------------------------------------*/

/* 第一階層のみlist-style-noneとして場合
----------------------------------*/
.unstyle {
    list-style: none outside none;
    margin-left: 0;
}

/*----------------------------------------
	Inline List
----------------------------------------*/

ul.inline ,
ol.inline {
    list-style: none outside none;
    margin-left: 0;
}

ul.inline li ,
ol.inline li {
    display: inline;
    margin : 0px 5px 0px 0px;
    padding: 0px 0px 0px 10px;
	line-height: 1;  
    border-left: 1px solid #999999;
}

ul.inline li:first-child ,
ol.inline li:first-child {
	border-left: none;
}

/* Navigationの場合
----------------------------------*/
nav ul ,
nav ul li {
	margin : 0;
	padding: 0;
    list-style: none outside none;
}

nav ul li {
	float: left;
}

nav ul { zoom: 1; }
nav ul:before,
nav ul:after { content: ""; display: table; height: 0; /* IE9.js */}
nav ul:after { clear: both; }



/* asideの場合
----------------------------------*/
aside ul ,
aside ul li {
	margin : 0;
	padding: 0;
    list-style-type: none;
	list-style-position: outside;	
}


/* VirticalList
-------------------------------*/

ul.navi ,
ul.navi li {
	margin : 0;
	padding: 0;
	list-style-type: none;
}

ul.navi li {
}


/*----------------------------------------
	Common Setting
----------------------------------------*/

/* font-size
----------------------------------*/

.txt10 { font-size:  77%;   }
.txt11 { font-size:  85%;   }
.txt12 { font-size:  93%;   }
.txt13 { font-size: 100%;   }
.txt14 { font-size: 108%;   }
.txt15 { font-size: 116%;   }
.txt16 { font-size: 123.1%; }
.txt17 { font-size: 131%;   }
.txt18 { font-size: 138.5%; }
.txt19 { font-size: 146.5%; }
.txt20 { font-size: 153.9%; }
.txt21 { font-size: 161.6%; }
.txt22 { font-size: 167%;   }
.txt23 { font-size: 174%;   }
.txt24 { font-size: 182%;   }
.txt25 { font-size: 189%;   }
.txt26 { font-size: 197%;   }


/* margin
----------------------------------*/

.mt0  { margin-top:     0px !important; }
.mt2  { margin-top:     2px !important; }
.mt3  { margin-top:     3px !important; }
.mt4  { margin-top:     4px !important; }
.mt5  { margin-top:     5px !important; }
.mt6  { margin-top:     6px !important; }
.mt7  { margin-top:     7px !important; }
.mt10 { margin-top:    10px !important; }
.mt15 { margin-top:    15px !important; }
.mt20 { margin-top:    20px !important; }
.mt25 { margin-top:    25px !important; }
.mt30 { margin-top:    30px !important; }
.mt40 { margin-top:    40px !important; }

.mr0  { margin-right:   0px !important; }
.mr5  { margin-right:   5px !important; }
.mr10 { margin-right:  10px !important; }
.mr15 { margin-right:  15px !important; }
.mr18 { margin-right:  18px !important; }
.mr19 { margin-right:  19px !important; }
.mr20 { margin-right:  20px !important; }
.mr30 { margin-right:  30px !important; }

.mb0  { margin-bottom:  0px !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !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; }


/* padding
----------------------------------*/

.p5   { padding:         5px !important; }
.p10  { padding:        10px !important; }
.p15  { padding:        15px !important; }
.p20  { padding:        20px !important; }
.p30  { padding:        30px !important; }

.pt0  { padding-top:     0px !important; }
.pt5  { padding-top:     5px !important; }
.pt10 { padding-top:    10px !important; }
.pt15 { padding-top:    15px !important; }
.pt20 { padding-top:    20px !important; }

.pr5  { padding-right:   5px !important; }
.pr10 { padding-right:  10px !important; }
.pr15 { padding-right:  15px !important; }
.pr20 { padding-right:  20px !important; }

.pb5  { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }

.pl5  { padding-left:    5px !important; }
.pl10 { padding-left:   10px !important; }
.pl15 { padding-left:   15px !important; }
.pl20 { padding-left:   20px !important; }


/* float
----------------------------------*/

.fl { float:  left !important; width: auto; }
.fr { float: right !important; width: auto; }


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

.w1   { width:   1%; }
.w2   { width:   2%; }
.w3   { width:   3%; }
.w4   { width:   4%; }
.w5   { width:   5%; }
.w8   { width:   8%; }
.w10  { width:  10%; }
.w11  { width:  11%; }
.w12  { width:  12%; }
.w13  { width:  13%; }
.w14  { width:  14%; }
.w15  { width:  15%; }
.w16  { width:  16%; }
.w17  { width:  17%; }
.w18  { width:  18%; }
.w19  { width:  19%; }
.w20  { width:  20%; }
.w21  { width:  21%; }
.w22  { width:  22%; }
.w23  { width:  23%; }
.w24  { width:  24%; }
.w25  { width:  25%; }
.w26  { width:  26%; }
.w27  { width:  27%; }
.w28  { width:  28%; }
.w29  { width:  29%; }
.w30  { width:  30%; }
.w31  { width:  31%; }
.w32  { width:  32%; }
.w33  { width:  33%; }
.w34  { width:  34%; }
.w35  { width:  35%; }
.w36  { width:  36%; }
.w37  { width:  37%; }
.w38  { width:  38%; }
.w39  { width:  39%; }
.w40  { width:  40%; }
.w41  { width:  41%; }
.w42  { width:  42%; }
.w43  { width:  43%; }
.w44  { width:  44%; }
.w45  { width:  45%; }
.w46  { width:  46%; }
.w47  { width:  47%; }
.w48  { width:  48%; }
.w49  { width:  49%; }
.w50  { width:  50%; }
.w55  { width:  55%; }
.w60  { width:  60%; }
.w65  { width:  65%; }
.w70  { width:  70%; }
.w75  { width:  75%; }
.w80  { width:  80%; }
.w85  { width:  85%; }
.w90  { width:  90%; }
.w95  { width:  95%; }
.w96  { width:  96%; }
.w97  { width:  97%; }
.w98  { width:  98%; }
.w99  { width:  99%; }
.w100 { width: 100%; }


/* text-align
----------------------------------*/

.tal   { text-align:   left !important; }
.tar   { text-align:  right !important; }
.tac   { text-align: center !important; }


/* vertical align
----------------------------------*/
.vat   { vertical-align:    top !important; }
.vam   { vertical-align: middle !important; }
.vab   { vertical-align: bottom !important; }



/* font-weight
----------------------------------*/

.fwb   { font-weight:   bold !important; }
.fwn   { font-weight: normal !important; }


/* background-color
----------------------------------*/

.bgy   { background-color: #fffecc; }
.bgr   { background-color: #f06059; }

/* color
----------------------------------*/

.black { color: #333333; }
.red   { color: #f06059; }
.blue  { color: #0094ff; }
.orange{ color: #EF7B1B; }

/* border
----------------------------------*/
.bdr_n     { border       : medium none; }
.bdr_t_n   { border-top   : medium none; }
.bdr_r_n   { border-right : medium none; }
.bdr_l_n   { border-left  : medium none; }
.bdr_b_n   { border-bottom: medium none; }


/* position relative
----------------------------------*/
.relative {
	position: relative;	
}


/*----------------------------------------
    禁則処理
----------------------------------------*/
p,li,dt,dd,th,td,pre{
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}


/*----------------------------------------
    Start of "Micro clearfix"
----------------------------------------*/
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; height: 0; /* IE9.js */}
.clearfix:after { clear: both; }
/*--------------------------------------*/

.completed ,
.wrap ,
.section:after ,
section ,
#container ,
#footer ,
#menu-globalnavi{ 
    zoom: 1;
}

.completed:before ,
.completed:after ,
.wrap:before,
.wrap:after ,
.section:after ,
.section:before ,
section:before ,
section:after ,
#container:before,
#container:after ,
#footer:before,
#footer:after ,
#menu-globalnavi:before,
#menu-globalnavi:after { 
	content: ""; display: table;
}

.completed:after ,
.wrap:after ,
.section:after ,
section:after ,
#container:after ,
#footer:after ,
#menu-globalnavi:after {
	clear: both;
}

.more {
	
}