@charset "utf-8";


/* ************************************************ 
*	基本設定
* ************************************************ */
body {
font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size: 100%;
background:#fff;
color: #444;
line-height: 170%;
margin: 0;
padding: 0;
overflow-x: hidden;
}

/* 記事部分 */	
p {
font-size: 15px; 
color: #444;
line-height: 170%;
margin: 0;
padding: 0;
}

/* リンク */
a{
	color: #1462be;
	text-decoration: none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

a:hover{
color:#ccc;
}

a:active, a:focus {
outline: 0;
}


/* 画像 */
img{
width: 100%;
border:0;
padding:0px;
margin:0px
vertical-align: bottom;
}

img a{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}


/* フロート */
.right{ float: right; }
.left{ float: left; }
.clear{ clear:both; }


/* リスト */
ol{
margin: 0 0 0 5px;
padding: 0 0 0 0;
list-style: decimal;
}

ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

li{
margin: 0 0 10px 15px;
padding: 0 0 0 0;
}

li a{
color:#444;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}

li a:hover{
color:#03335d;
}

#topcontrol{
z-index:99999;
}

.clear	{ clear: both; } 

/* フォーム */
input[type="radio"],
input[type="checkbox"] {
  position: relative;
  top: -1px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  position: relative;
  z-index: 2;
  font-family: Helvetica, Arial, Tahoma, sans-serif;
  width:calc(100% - 11px);
  border: 1px solid #ccc;
  margin: 0;
  padding: 7px 5px;
  background-color: white;
  color: #333;
  font-size: 13px;
  line-height: 1;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  -webkit-transition: border 0.3s ease-in;
  -moz-transition: border 0.3s ease-in;
  -ms-transition: border 0.3s ease-in;
  -o-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
textarea {
  line-height: 1.4em;
}


.mL05 { margin-left: 0.5em!important; }
.mL1 { margin-left: 1em!important; }
.mL2 { margin-left: 2em!important; }
.mL3 { margin-left: 3em!important; }
.mL4 { margin-left: 4em!important; }
.mL5 { margin-left: 5em!important; }
.mR05 { margin-right: 0.5em!important; }
.mR1 { margin-right: 1em!important; }
.mR2 { margin-right: 2em!important; }
.mR3 { margin-right: 3em!important; }
.mR4 { margin-right: 4em!important; }
.mR5 { margin-right: 5em!important; }
.mT10 { margin-top: 10px!important; }
.mT20 { margin-top: 20px!important; }
.mT30 { margin-top: 30px!important; }
.mT40 { margin-top: 40px!important; }
.mT50 { margin-top: 50px!important; }
.mT60 { margin-top: 60px!important; }
.mT70 { margin-top: 70px!important; }
.mT80 { margin-top: 80px!important; }
.mT90 { margin-top: 90px!important; }
.mT100 { margin-top: 100px!important; }


.td100{ width: 100%!important; }
.td95{ width: 95%!important; }
.td90{ width: 90%!important; }
.td85{ width: 85%!important; }
.td80{ width: 80%!important; }
.td75{ width: 75%!important; }
.td70{ width: 70%!important; }
.td65{ width: 65%!important; }
.td60{ width: 60%!important; }
.td55{ width: 55%!important; }
.td50{ width: 50%!important; }
.td45{ width: 45%!important; }
.td40{ width: 40%!important; }
.td35{ width: 35%!important; }
.td30{ width: 30%!important; }
.td25{ width: 25%!important; }
.td20{ width: 20%!important; }
.td15{ width: 15%!important; }
.td10{ width: 10%!important; }
.td5{ width: 5%!important; }


.width100{ width: 100%!important; }
.width95{ width: 95%!important; }
.width90{ width: 90%!important; }
.width85{ width: 85%!important; }
.width80{ width: 80%!important; }
.width75{ width: 75%!important; }
.width70{ width: 70%!important; }
.width65{ width: 65%!important; }
.width60{ width: 60%!important; }
.width55{ width: 55%!important; }
.width50{ width: 50%!important; }
.width45{ width: 45%!important; }
.width40{ width: 40%!important; }
.width35{ width: 35%!important; }
.width30{ width: 30%!important; }
.width25{ width: 25%!important; }
.width20{ width: 20%!important; }
.width15{ width: 15%!important; }
.width10{ width: 10%!important; }
.width8{ width: 8%!important; }
.width7{ width: 7%!important; }
.width5{ width: 5%!important; }

.bold { font-weight: bold; }
.big110 { font-size: 110%; }
.big120 { font-size: 120%; }
.big130 { font-size: 130%; }
.small6 { font-size: 6px; top: -3px;  position: relative;}
.small7 { font-size: 7px; top: -3px;  position: relative;}
.small8 { font-size: 8px; top: -3px;  position: relative;}
.small9 { font-size: 9px; top: -3px;  position: relative;}
.small10 { font-size: 10px; top: -3px;  position: relative;}
.small11 { font-size: 11px; top: -3px;  position: relative;}
.small12 { font-size: 12px; top: -3px;  position: relative;}
.small13 { font-size: 13px; top: -3px;  position: relative;}

.underline { text-decoration: underline; }

.btnn,
.btnn-big,
.btnn-small { display: inline-block; }
.btnn a{
	padding: 5px 15px;
	color: #333;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #666;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: linear-gradient(top, #ffffff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
}
.btnn-small a{
	padding: 5px;
	color: #333;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #666;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: linear-gradient(top, #ffffff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
}
.btnn-big a{
	padding: 12px 15px;
	color: #333;
    position: relative;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    font-size: 16px;
    font-weight: normal;
    border: 1px solid #666;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: linear-gradient(top, #ffffff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
}
.btnn a:hover,
.btnn-big a:hover,
.btnn-small a:hover{
color: #333;
background-image: -moz-linear-gradient(top, #fff);
background-image: -ms-linear-gradient(top, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
background-image: -webkit-linear-gradient(top, #fff);
background-image: -o-linear-gradient(top, #fff);
background-image: linear-gradient(top, #fff);
}


table tr {
position: relative;
}
.rowlink {
width: 0;
min-width: 0;
border: 0;
padding: 0;
}
.rowlink.active {
background-color: #f0f8ff;
}
.rowlink a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}


/* ************************************************ 
*	全体Wrapper
* ************************************************ */	
.wrapper {
width: 1260px;
margin: 30px auto 50px auto; 
padding: 0;
}
.wrapper100 {
width: 100%;
margin: 30px auto 50px auto; 
padding: 0;
}


/* ************************************************ 
*	ヘッダー
* ************************************************ */
#header {
width: 100%;
margin: 0;
}

.header-inner {
overflow: hidden;
margin: 0 auto;
padding: 20px 0;
width: 1260px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
}

#header h1 {
margin: 0 0 0 0;
}

.logo {
margin: 0;
padding: 0;
}
.logo img{
height:40px;
}

.header-logobox {
margin: 0 0 0 0;
padding: 0;
width:250px;
}
.header-navbox {
margin: 0 0 0 0;
display: flex;
justify-content: flex-end;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.header-copybox{
margin: 0;
padding: 0;
font-size: 18px;
font-weight: bold;
color: red;
position: relative;
}


/* ************************************************ 
*	トップナビゲーション
* ************************************************ */	
.nav {
margin: 0;
}
.nav ul {
list-style: none;
margin: auto;
letter-spacing: -0.5em; /* 隙間を埋める追加 */
}
.main-navigation {
clear: both;
margin: 0 auto;
position: relative;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0;
}

.nav-menu li {
width: 125px;
display: inline-block;
position: relative;
margin: 0 2px;
padding: 0;
text-align:center;
letter-spacing: normal; /* 隙間を埋める追加 */
cursor: pointer;
cursor: hand;
}
.nav-menu li a {
color: #333;
display: block;
font-size: 16px;
line-height: 16px;
text-decoration: none;
margin: 0;
padding: 15px 0;
background-color: #ccc;
}
.nav-menu li:first-child a { background-color: #ffc0cb; }
.nav-menu li:nth-child(2) a { background-color: #c7dc68; }
.nav-menu li:nth-child(3) a { background-color: #a0d8ef; }
.nav-menu li:nth-child(4) a { background-color: #dbd0e6; }
.nav-menu li:nth-child(5) a { background-color: #e6afcf; }

.nav-menu li:hover > a,
.nav-menu li a:hover {
color: #fff;
background-color: #000;
}

.nav-menu .sub-menu {
background-color: rgba(118,118,118,0.9);
display:none;
position: absolute;
z-index: 99999;
padding: 0 0 0 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
color: #fff;
margin: 0;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background-color: rgba(255,255,255,0.8);
color: #333;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
}


/* ************************************************ 
*	各ページタイトル・ボーダー
* ************************************************ */	
.pagetitle-box {
margin: 0 0 20px 0;
padding: 0 0 0 0;
}
.pagetitle {
margin: 0 auto 0 auto;
padding: 0 0 0 0;
font-size: 24px;
text-align:center;
font-weight:bold;
}


/* ************************************************ 
*	ログイン
* ************************************************ */	
.login-box {
margin: 0 auto 0 auto;
padding: 50px 100px;
width:500px;
background-color:#efefef;
}
.logintitle-box {
margin: 0 auto 20px auto;
padding: 0;
}
.logintitle-box h2{
font-size: 24px;
text-align:center;
font-weight:bold;
}
.login-box h3{
margin: 30px 0 0 0;
padding: 0;
font-size:18px;
font-weight:normal;
}
.loginlink {
margin: 30px auto 0px auto;
padding: 0;
background-color:#1462be;
text-align:center;
width: 40%;
}
.loginlink a{
color: #fff;
display: block;
padding: 10px 0px;
font-size:18px;
line-height: 210%;
}
.loginlink a:hover{
color: #fff;
background-color:#333;
}


/* ************************************************ 
*	メニュー
* ************************************************ */	
.contents-inner ul {
width: 100%;
margin: 0 0 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.contents-inner ul li{
width: 23%;
margin: 0 0 20px 0;
text-align: center;
}
.contents-inner ul li a{
font-size: 18px;
padding: 20px 0;
display: block;
}
.contents-inner ul li a:hover{
color: #fff;
background-color: #000;
}


/* ************************************************ 
*	コンテンツ
* ************************************************ */
.contents-box {
width: 100%;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contents-leftbox{
width: 120px;
margin: 0;
padding: 10px;
background-color: #efefef;
}
.contents-rightbox{
width: 1100px;
margin: 0;
padding: 0 0 0 20px;
}
.contents-rightbox100{
width: calc(100% - 180px);
margin: 0;
padding: 0 20px;
}

.contents-leftbox ul li{
width: 100%;
margin: 0 0 15px 0;
text-align: center;
line-height: 1;
}
.contents-leftbox ul li:last-child{ margin: 0 0 0 0; }
.contents-leftbox ul li a{
font-size: 15px;
padding: 16px 0;
display: block;
    border: 1px solid #666;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
    background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
    background-image: linear-gradient(top, #ffffff, #e1e1e1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
}

/* .contents-leftbox ul li:first-child a{ background-color: #ffc0cb; }
.contents-leftbox ul li:nth-child(2) a { background-color: #c7dc68; }
.contents-leftbox ul li:nth-child(3) a { background-color: #a0d8ef; }
.contents-leftbox ul li:nth-child(4) a { background-color: #dbd0e6; }
.contents-leftbox ul li:nth-child(5) a { background-color: #e6afcf; }
.contents-leftbox ul li:nth-child(6) a { background-color: #f5deb3; } 
.contents-leftbox ul li:nth-child(7) a { background-color: #fff799; }
.contents-leftbox ul li:nth-child(8) a { background-color: #ccc; }
.contents-leftbox ul li.nyukin a { background-color: #c1d8ac; }
.contents-leftbox ul li.ryosyu a { background-color: #ffd700; }
.contents-leftbox ul li.btn a { background-color: #fff; }
.contents-leftbox ul li.btn-del a { background-color: #fff799; }
.contents-leftbox ul li.btn-back a { background-color: #ccc; } */

.contents-leftbox ul li a:hover{
background-color: #000;
color: #333;
background-image: -moz-linear-gradient(top, #fff);
background-image: -ms-linear-gradient(top, #fff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff));
background-image: -webkit-linear-gradient(top, #fff);
background-image: -o-linear-gradient(top, #fff);
background-image: linear-gradient(top, #fff);
}


/* ************************************************ 
*	フッターエリア
* ************************************************ */
#footer {
clear:both;
width:100%;
font-size: 100%;
margin: 0 auto;
padding: 10px 0;
background-color:#efefef;
}
.copyright {
color:#333;
margin: 0px auto 0px auto;
padding: 0;
text-align:center;
font-size: 80%;
}



/* ************************************************ 
*	ライン
* ************************************************ */
.line-dotted {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:1px dotted #CCC;
}

.line-solid {
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom:1px solid #CCC;
}


/* ************************************************ 
*	画像装飾
* ************************************************ */
.pict_right {
margin:0 0 10px 20px; 
padding: 2px 2px 2px 2px; 
float: right;
border: 1px solid #DCDCDC;
}

.pict_left {
margin:0 10px 10px 0; 
padding: 2px 2px 2px 2px; 
float: left;
border: 1px solid #DCDCDC;
}

.pict1px{
margin: 0 0 5px 0; 
padding: 2px 2px 2px 2px; 
border: 1px solid #CCC;
}

.pict_shadow{
background: #fff;
margin: 0px auto;
border: 1px solid #ccc;
padding: 5px 5px 5px 5px;
border-radius: 1px; /* CSS3 */
 -webkit-border-radius: 1px; /* Firefox */
 -moz-border-radius: 1px; /* Safari,Chrome */
box-shadow: 2px 2px 3px #C0C0C0;
}



/* ************************************************ 
*	角丸
* ************************************************ */
.border-radius{
border-radius: 5px; /* CSS3 */
 -webkit-border-radius: 5px; /* Firefox */
 -moz-border-radius: 5px; /* Safari,Chrome */
}



/* ************************************************ 
*	ボックスシャドウ・テキストシャドウ
* ************************************************ */
.box-shadow{
box-shadow: 2px 2px 3px #ccc; /* CSS3 */
 -webkit-box-shadow: 2px 2px 3px #ccc; /* Safari,Chrome */
 -moz-box-shadow: 2px 2px 3px #ccc; /* Firefox */
}
.text-shadow{
text-shadow: 1px 1px 3px #DEDEDE; /* CSS3 */
 -webkit-text-shadow: 1px 1px 3px #DEDEDE; /* Safari,Chrome */
 -moz-text-shadow: 1px 1px 3px #DEDEDE; /* Firefox */
}



/* ************************************************ 
*	CSS3ボタン
* ************************************************ */
.bt-more a {
font-size: 9px;
font-weight: normal;
color: #333;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 0px #fff;
width: 50px;
float: left;
display: block;
padding: 0 0 0 0;
margin: 10px 0 0 0;
border: 1px solid #ccc;
border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
background-color: #eee;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(.75, #eee),color-stop(1, #ddd));
background: -moz-linear-gradient(#ddd, #eee 75%, #ddd);
}

.bt-more a:hover {
background-color: #fff;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(.75, #fff),color-stop(1, #eee));
background: -moz-linear-gradient(#eee, #fff 75%, #eee);
}

.bt-more a:active {
background-color: #999;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #999),color-stop(.75, #ccc),color-stop(1, #999));
background: -moz-linear-gradient(#999, #ccc 75%, #999);
}

.bt-order a{
font-size: 14px;
color:#fff;
display: block;
text-align:center;
background-color: #999;
margin: 20px 0 20px 0 ;
padding: 10px 15px;
border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.bt-order a:hover{
color:#867888;
background: #ddd;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}