@charset "utf-8";
/* CSS Document */

/* 
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;
	font-family: 'Noto Sans Japanese', serif;
	color:#333;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
header ul {
    list-style:none;
}
nav ul {
    list-style:none;
}
#sidenav ul {
    list-style:none;
}
footer ul {
    list-style:none;
}
li,dd{
	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;
	text-decoration: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;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
	letter-spacing:1px;
	line-height:18px;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
 
input, select {
    vertical-align:middle;
}
/* ------------------ //reset ------------------ */


/* ------------------ default ------------------ */
/* floatへのclearfix対策 */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* ////////floatへのclearfix対策 */

/* top margin \*/
.top005{margin-top:5px;}
.top010{margin-top:10px;}
.top015{margin-top:15px;}
.top020{margin-top:20px;}
.top025{margin-top:25px;}
.top030{margin-top:30px;}
.top035{margin-top:35px;}
.top040{margin-top:40px;}
.top045{margin-top:45px;}
.top050{margin-top:50px;}
.top055{margin-top:55px;}
.top060{margin-top:60px;}
.top065{margin-top:65px;}
.top070{margin-top:70px;}
.top075{margin-top:75px;}
.top080{margin-top:80px;}
.top085{margin-top:85px;}
.top090{margin-top:90px;}
.top095{margin-top:95px;}
.top100{margin-top:100px;}
/* ////////top margin \*/

/* bottom margin \*/
.btm005{margin-bottom:5px;}
.btm010{margin-bottom:10px;}
.btm015{margin-bottom:15px;}
.btm020{margin-bottom:20px;}
.btm025{margin-bottom:25px;}
.btm030{margin-bottom:30px;}
.btm035{margin-bottom:35px;}
.btm040{margin-bottom:40px;}
.btm045{margin-bottom:45px;}
.btm050{margin-bottom:50px;}
.btm055{margin-bottom:55px;}
.btm060{margin-bottom:60px;}
.btm065{margin-bottom:65px;}
.btm070{margin-bottom:70px;}
.btm075{margin-bottom:75px;}
.btm080{margin-bottom:80px;}
.btm085{margin-bottom:85px;}
.btm090{margin-bottom:90px;}
.btm095{margin-bottom:95px;}
.btm100{margin-bottom:100px;}
/* ////////bottom margin \*/

/* Emphasis 強調フォント */
.emp_red01{font-size:120%;font-weight:bolder;color:#800;}
.emp_red02{font-size:140%;font-weight:bolder;color:#800;}
.emp_red03{font-size:160%;font-weight:bolder;color:#800;}
.emp_red04{font-size:180%;font-weight:bolder;color:#800;}
.emp_red05{font-size:200%;font-weight:bolder;color:#800;}
.emp_blue01{font-size:120%;font-weight:bolder;color:#008;}
.emp_blue02{font-size:140%;font-weight:bolder;color:#008;}
.emp_blue03{font-size:160%;font-weight:bolder;color:#008;}
.emp_blue04{font-size:180%;font-weight:bolder;color:#008;}
.emp_blue05{font-size:200%;font-weight:bolder;color:#008;}
.emp_green01{font-size:120%;font-weight:bold;color:#090;}
.emp_green02{font-size:140%;font-weight:bold;color:#090;}
.emp_green03{font-size:160%;font-weight:bold;color:#090;}
.emp_green04{font-size:180%;font-weight:bold;color:#090;}
.emp_green05{font-size:200%;font-weight:bold;color:#090;}
/* ////////Emphasis 強調フォント */

/* .inner \*/
.inner{width:1151px;margin:0 auto;}
/* ////////.inner \*/

/* pagetop \*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 110%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 3px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* ////////pagetop \*/

/* 境界線 \*/
.Line01{
	position: relative;
	padding-bottom: 1em;
	text-align:center;
}
.Line01::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 0;
	border-top: 2px solid #DDD;
	border-bottom: 1px solid #fff;
}
/* ////////境界線 \*/

/* テキストエリア \*/
/* ////////テキストエリア \*/


/* 矢印リスト01 List-arrow */
.List-arrow01{
	position: relative;
	font-size:100%;
}
.List-arrow01::after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* ////////矢印リスト01 List-arrow */

/* ボタンアクションbase */
.button {
	display: inline-block;
	width: 100%;
	padding:3px 0;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* ////////ボタンアクションbase */

/* ボタンアクション03 button */
/* ////////ボタンアクション03 button */

/* ボタンアクション10 button */
/* ////////ボタンアクション10 button */

/* タイトル装飾07  */
.ttl07 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	padding-top:50px;
}
.ttl07::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #3498db;
}
.ttl07 p{
	font-size:150%;
	letter-spacing:2px;
	color:#004D71;
	text-shadow:-1px -1px 0 #BBB;
	font-weight:700;
	padding-left:10px;
}

/* ////////タイトル装飾07  */

/* タイトル装飾10  */
.ttl10 {
	position: relative;
	padding: 0 .4em .3em;
}
.ttl10::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 14px;
	background-color: rgba(80,140,210,0.4);
}
/* ////////タイトル装飾10  */


/* 三角形 triangle 下向き */
.triangle{
width: 0;
height: 0;
margin:0 auto;
border-style: solid;
border-width: 40px 100px 0 100px;
border-color: #069 transparent transparent transparent;
}
/* ////////三角形 triangle  */

/* ------------------ //default ------------------ */


body{
	background:url(../images/bg.png) repeat;
}

#container{display:none;}
#loading{
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-30px;
}

/* ------------------ header ------------------ */
header{
	list-style:none
}
header .h1{
	background:#333;
	padding:7px 0 7px 0;
}
header h1{
	font-size:70%;
	font-weight:normal;
	color:#FFF;
}

header a:link,header a:visited{
	color:#FFF;
}
header a:hover,header a:active{
	color:#96BDED;
}

header .logo{
	float:left;
	margin-top:15px;
}

header  ul{
	float:right;
}
header  .sub{
	float:right;
}

header ul li{
	float:left;
	font-size:110%;
}


header .cart{
	float:right;
	margin-top:10px;
	margin-left:10px;
}
header .tel{
	float:right;
	margin-top:10px;
	margin-left:15px;
}
header .login{
	float:right;
	margin-top:10px;
	margin-left:10px;
}
header .entry{
	float:right;
	margin-top:10px;
	margin-left:10px;
}

/* ------------------ //header ------------------ */

/* ------------------ mainvisual ------------------ */

#main_visual{
	border-top:#346DA0 solid 3px;
	margin-top:15px;
}
#main_visual{
	margin:0 auto;
	margin-top:0px;
    position:relative;
	left:50%;
	width:3222px;
	margin-left:-1610px;
}
/* ------------------ //mainvisual ------------------ */

/* ------------------ gnav ------------------ */

.gnav{
	background:#333;
}
.gnav li{
	float:left;
}

/* ------------------ //gnav ------------------ */


/* ------------------ contents ------------------ */

#contents{
	width:1150px;
	margin:0 auto;
}
#main-column .cat01{
	background:rgba(0,102,153,0.7);
	width:890px;
}
#main-column .cat01 h3{
	margin-left:9px;
}
#main-column .cat01 li{
	float:left;
	margin:11px;
}

#main-column .cat02{
	background:rgba(200,200,200,0.7);
	width:890px;
}
#main-column .cat02 h3{
	margin-left:9px;
	margin-bottom: 30px;
}
#main-column .cat02 li{
	float:left;
	margin:8px;
}


/* ------------------ //contents ------------------ */


/* ------------------ footer ------------------ */
footer{
	background:#555;
	padding-top:30px;
}
footer .rogo{
	text-align:center;
}
footer .rogo p{
	font-size:110%;
	font-weight:400;
	color:#FFF;
}
footer .info{
	text-align:center;
	width:50%;
	float:left;
}
footer .info p{
	color:#FFF;	
}


footer #footer_menu{
	padding-top:35px;
}
footer #footer_menu01{
	float:left;
	margin-right:30px;
}
footer #footer_menu02{
	float:left;
}
footer ul li{
	margin-bottom:8px;
	margin-right:20px;
}
footer ul li a{
	color:#FFF;
}
footer ul li a:hover{
	color:#09C;
}

footer #footer_info{
	float:right;
}
footer #footer_info p{
	color:#FFF;
	margin-bottom:10px;
}
footer #footer_info p.subttl1{
	background:#fff;
	color:#036;
	padding:5px 15px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
}
footer #footer_info p.subttl2{
	color:#E3EAF4;
}
footer #footer_info p.title{
	font-size:150%;
	font-weight:600;
}
footer #footer_info p span{
	color:#FFF;
	font-size:80%;
	}
footer #footer_map{
	margin-left:30px;
	float:right;
}
footer #copyright{
	clear:both;
	text-align:center;
	color:#FFF;
	letter-spacing:3px;
	font-size:80%;
	padding-top:15px;
	padding-bottom:15px;
}
/* ------------------ footer ------------------ */




#container{display:none;}
#loading{
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-30px;
}