@charset "utf-8";

/*
	* Copyright (C) 2013 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/

/*******************************************************************************
**	default.css
*******************************************************************************/

/*
	* HTML5用スマホ向けリセットCSS
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}
* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

ul li,ol li {
	list-style-type:none;
}
/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* clearfix
----------------------------------------------------------------------------- */
/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
/*	height: 0;*/
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.alignCenter {
	text-align:center;
}
/*******************************************************************************
**	2.基本設定
*******************************************************************************/

/* width
----------------------------------------------------------------------------- */
.width-100per {width:100%;}
.width-95per	{width:95%;}
.width-90per	{width:90%;}
.width-60per	{width:60%;}
.width-55per	{width:55%;}
.width-50per	{width:50%;}
.width-49per	{width:49%;}
.width-45per	{width:45%;}
.width-20per	{width:20%;}
.width-18		{width:18px;}
.width-24		{width:24px;}
.width-28		{width:28px;}
.width-30		{width:30px;}
.width-38		{width:38px;}
.width-40		{width:40px;}
.width-50		{width:50px;}
.width-55		{width:55px;}
.width-60		{width:60px;}
.width-70		{width:70px;}
.width-80		{width:80px;}
.width-85		{width:85px;}
.width-90		{width:90px;}
.width-95		{width:95px;}
.width-100	{width:100px;}
.width-120	{width:120px;}
.width-125	{width:125px;}
.width-140	{width:140px;}
.width-150	{width:150px;}
.width-160	{width:160px;}
.width-200	{width:200px;}
.width-250	{width:250px;}
.minwidth-60	{min-width:60px;}

/* height
----------------------------------------------------------------------------- */
.height-22	{height: 22px !important;}
.height-30	{height: 30px !important;}
.height-40	{height: 40px !important;}
.height-210	{height: 210px !important;}
.height-220	{height: 220px !important;}
.height-260	{height: 260px !important;}
.maxHeight-55	{max-height: 55px !important;}

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

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right;}
.floatLeft {float:left;}
.inlineBlock {display:inline-block;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

/* image
----------------------------------------------------------------------------- */
img.imgLeft{
	float:left;
	padding:0 20px 0 0;
}
img.imgRight{
	float:right;
	padding:0 0 0 20px;
}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section{
	display: inline-block;
}
* html .clearfix,
* html div.section{
	height: 1%;
}
.clearfix,
div.section{
	display: block;
}

/* display
----------------------------------------------------------------------------- */
.block{
	display: block !important;
}
.inline{
	display: inline !important;
}
.inline-block{
	display: inline-block !important;
}
.none{
	display: none;
}

/* background
----------------------------------------------------------------------------- */
.bg-imageNone{
	background-image: none !important;
}
.bg-blue_1{
	background-color: #004DA1;
}
.bg-blue_2{
	background-color: #D7EAFF;
}
.bg-blue_3{
	background-color: #EFF;
}
.bg-yellow_1{
	background-color: #F5F4D9;
}
.bg-gray_1{
	background-color: #EEE;
}
.bg-gray_2{
	background-color: #EAEAEA;
}
.bg-white{
	background-color: #FFF;
}
.bg-alpha-white_1{
	background: url( "../img/back_alpha_white_1.png" ) repeat;
}
.bg-alpha-gray_1{
	background: url( "../img/back_alpha_gray_1.png" ) repeat;
}
.bg-gra-gray_1{
	background-image: linear-gradient( #F2F5FB 0%, #E6E6E6 100%);
}
.bg-gra-gray_2{
	background: url( "../img/back_gra_gray_2.jpg" ) repeat-x top left;
}

.bg-gra-border_gray_1{
	background-image: linear-gradient( #EEE 0%, #FFF 100%);
	border-top: 1px solid #E0E0E0;
}

/* border
----------------------------------------------------------------------------- */
.noborder{
	border: none;
}
.border-top_1{
	border-top: 1px solid #E0E0E0;
}

/* icon
----------------------------------------------------------------------------- */
.icon_1{
	border-left: 2px solid #4D7FB7;
}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}
.paddingRight0 {padding-right:0 !important;}
.paddingRight2 {padding-right:2px !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}
.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}
.paddingLeft0 {padding-left:0 !important;}
.paddingLeft2 {padding-left:2px !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}
.padding0 {padding:0 !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}
.padding60 {padding:60px !important;}
.padding70 {padding:70px !important;}
.padding80 {padding:80px !important;}
.padding90 {padding:90px !important;}
.padding100 {padding:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}
.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}
.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}
.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}
.margin0 {margin:0 !important;}
.margin5 {margin:5px !important;}
.margin10 {margin:10px !important;}
.margin15 {margin:15px !important;}
.margin20 {margin:20px !important;}
.margin25 {margin:25px !important;}
.margin30 {margin:30px !important;}
.margin35 {margin:35px !important;}
.margin40 {margin:40px !important;}
.margin45 {margin:45px !important;}
.margin50 {margin:50px !important;}
.margin60 {margin:60px !important;}
.margin70 {margin:70px !important;}
.margin80 {margin:80px !important;}
.margin90 {margin:90px !important;}
.margin100 {margin:100px !important;}
.marginCenter {margin: 0 auto;}
.marginCenter5 {margin: 5px auto;}

/* font size（フォントサイズを固定したい時のみ使用）
----------------------------------------------------------------------------- */
.fontSize7 {font-size:7px !important;}
.fontSize8 {font-size:8px !important;}
.fontSize9 {font-size:9px !important;}
.fontSize10 {font-size:10px !important;}
.fontSize11 {font-size:11px !important;}
.fontSize12 {font-size:12px !important;}
.fontSize14 {font-size:14px !important;}
.fontSize15 {font-size:15px !important;}
.fontSize16 {font-size:16px !important;}
.fontSize17 {font-size:17px !important;}
.fontSize18 {font-size:18px !important;}
.fontSize20 {font-size:20px !important;}
.fontSize25 {font-size:25px !important;}
.fontMini_1{
	font-size: 8px;
	position: relative;
	top: -5px;
	left: 0px;
}

/* font color
----------------------------------------------------------------------------- */
.fontColorBlue {color:#009FE7;}
.fontColorBlue_2 {color:#116;}
.fontColorBlue_3 {color:#5E5F74;}
.fontColorPink {color:#FF6699;}
.fontColorGray {color:#999;}
.fontColorWhite_1 {color:#FFF;}
.fontColorYellow_1 {color:#FFFFCC;}
.fontColorYellow_2 {color:#FFFD62;}
.fontColorAqua_1{color:#CFDDED;}

/* font weight
----------------------------------------------------------------------------- */
.bold{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}


/* link
----------------------------------------------------------------------------- */
/*
a:link {
	color: #000000;
	text-decoration:none;
	-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);	// タップ時の反転色
}
a:hover {
	color: #461415;
	text-decoration:none;
}
a:visited {
	color: #000000;
	text-decoration:none;
}
*/

/* indent
----------------------------------------------------------------------------- */
.indent_1{
	text-indent: 10px;
}

/* shadow
----------------------------------------------------------------------------- */
.text_shadow_1{
	text-shadow: 1px 1px 0px #FFF; 
}

/* table
----------------------------------------------------------------------------- */
.noborder tr,
.noborder th,
.noborder td{
	border: none !important;
}


/* li, ol
----------------------------------------------------------------------------- */
ol.decimal{
	padding-left: 20px;
}
ol.decimal li{
	list-style-type: decimal;
}