/* ============ベース指定 ================= */
/* リセット */
* { margin:0; padding:0; }
/* clearfix */
*:after { display:block; clear:both; }

/* HTML5に対応していないOS対策 */
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
 
/* css */

.bar{font-size:100%;padding:5px;background-color:#000;color:#FFF;font-weight:bold;}

.bluehaikei{
   border: 1px blue solid; 
   background-color:#edf8ff;
   padding:2px;
}
.pinkhaikei{
   border: 1px pink solid;  
   background-color:#ffebfa;
   padding:2px;
}


#taisyou td,th{
   border: 1px green solid;  /* 太さ1pxで緑色の実線 */
   border-collapse: collapse;
   padding-left:5px;
}

#taisyou table{
   border: 2px green solid;  /* 太さ3pxで緑色の実線 */
   border-collapse: collapse;
}

table.datalist th.color01 , table.datalist td.color01 {
    background-color: #EDF2C5;
}
table.company th.color02 , table.company td.color02 {
    background-color: #FCE2BA;
}

body {
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: #ffffff;
    color: #333333;
    font-family:  sans-serif,Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", "メイリオ",;
    line-height: 200%;
}
	a img {
    border-style:none;
}

a:link , a:visited {
    color:#30F;
    text-decoration: none;
}

a:hover {
    color: #8DC21F;
    text-decoration: none;
}

.deep_red{color:#CC0000;}

ul {
    line-height: 0;
}

li {
    text-decoration: none;
}

#taisyou h2{
    margin: 0.5 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #179C17;
    border-bottom: 1px dashed #179C17;
    font-size: 1.05em;
    font-weight: bold;
}

#main h1{
    margin: 0.5 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #179C17;
    border-bottom: 1px dashed #179C17;
    font-size: 1.05em;
    font-weight: bold;
}

#main h2{
    margin: 0.5 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #179C17;
    border-bottom: 1px dashed #179C17;
    font-size: 1.05em;
    font-weight: bold;
}

#main h3{
    margin: 0.5 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #179C17;
    border-bottom: 1px dashed #179C17;
    font-size: 1.05em;
    font-weight: bold;
}

#main h4{
    margin: 0.5 0 1.5em;
    padding: 0.8em;
    border-left: 7px solid #179C17;
    border-bottom: 1px dashed #179C17;
    font-size: 1.05em;
    font-weight: bold;
}


.font10{font-size:10px;}


/*ロゴ設定*/

#logo {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
}

#cover {
    width: 100%;
    padding: 0;
    text-align: center;
    background: url(images/bg_grade_lightgreen.gif) repeat-x center center;
	position:relative;
	overflow:hidden;
	top:0;z-index:0;
}
#cover2 {
    width: 100%;
    padding: 0;
    text-align: center;
    position:relative;
	overflow:hidden;
	top:0;z-index:0;
	margin-top:-30px;
}

.navbar {background:#fff;border-bottom:solid 2px #000;z-index:100;}
.navbar li{font-size:100%;}
.sp-logo {margin-top:5px;padding-bottom:10px;}
.navbar-brand {width:130px;margin-top:7px;padding-top:7px;}
.navbar-brand img{width:130px;margin-top:2px;height:45px;}
.navbar-header{padding-top:5px;}
	
/*メニュー設定*/

#menu {
    width: 96%;
    margin: 5% auto;
    text-align: center;
}

#menu ul {
    line-height: 0;
    text-align:
}

#menu li {
    display: inline;
    list-style-type: none;
}

/*メニューアイコン*/
.menu_btn img {
    width: 30%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
}

.btn_r {
    margin-right: 2%;
}

.btn_b {
    margin-bottom: 4%;
}

.btn_l {
    margin-left: 2%;
}

/*ライトメニュー*/
table#light_menu {
    width: 100%;
    padding: 0;
    background: url(images/bg_grade_green.gif) repeat-x center center;
    text-align: center;
}

#light_menu td {
    width: 33%;
    padding: 1% 0;
    color: #ffffff;
    text-align: center;
}

#light_menu a:link , #light_menu a:visited {
    color: #ffffff;
    border: 0;
    text-decoration: none;
}

#light_menu a:hover {
    color: #FFF9B1;
    border: 0;
    text-decoration: none;
}

.border_right {
    border-right: #CCDABE 1px solid;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

.border_bottom {
    border-bottom: #CCDABE 1px solid;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

/*2つボタン*/

#two_btn {
    margin: 2% auto;
    text-align: center;
}

#two_btn ul {
    line-height: 0;
}

#two_btn li {
    padding: 2%;
    width: 40%;
    margin: 2%;
    border:1px #ffffff solid;
    background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.50);
    box-shadow: 0 0 3px rgba(0,0,0,.50);
    display: inline;
    list-style: none;
}



/*メイン設定*/

#main {
    width: 98%;
	padding-left:2%;
	line-height:200%;
}

/*フッター設定*/

footer {
    width: 100%;
    padding: 2% 0;
    background-color:#006600;
    color: #ffffff;
    font-size: 0.85em;
    text-align: center;
}

.clear {
    clear:both;
    -moz-box-shadow: 0 0 0 rgba(0,0,0,.00);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.00);
    box-shadow: 0 0 0 rgba(0,0,0,.00);
    behavior: url(http://nonamesaeoshi.com/css/PIE.htc);
}

/*クラス*/

.inner {
    width: 90%;
    margin: 0 auto;
    text-align: left;
    clear: both;
}

.sp_t {
    padding-top: 2%;
}

.sp_b {
    padding-bottom: 2%;
}

.sp_l {
    padding-left: 2%;
}

.sp_r {
    padding-right: 2%;
}

.sp_tb {
    padding: 2% 0;
}


/*フォント*/
.xlarge {
    font-size: 1.8em;
    font-weight: bold;
}

.middle-large {
    font-size: 1.5em;
    font-weight: bold;
}
.large {
    font-size: 1.2em;
    font-weight: bold;
}

.small {
    font-size: 0.85em;
}

/*色*/

.red {
    color: #C30D23;
}
.blue{
    color:#0000FF;
}
.green {
    color: #1EAA39;
}

/*ボタン*/
.btn_red {
    position: relative;
    height: 5%;
    padding: 1% 12%;
    margin: 5% 10%;
    background: url(../images/bg_grade_red.gif) repeat-x center;
    color: #ffffff;
    text-align: center;
    clear: both;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn_green {
    position: relative;
    height: 5%;
    padding: 1% 12%;
    margin: 5% 10%;
    background: url(../images/bg_grade_green.gif) repeat-x center;
    color: #ffffff;
    text-align: center;
    clear: both;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn_orange {
    position: relative;
    height: 5%;
        padding: 1% 12%;
    margin: 5% 10%;
    background: url(../images/bg_grade_orange.gif) repeat-x center;
    color: #ffffff;
    text-align: center;
    clear: both;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn_blue {
    position: relative;
    height: 5%;
        padding: 1% 12%;
    margin: 5% 10%;
    background: url(../images/bg_grade_blue.gif) repeat-x center;
    color: #ffffff;
    text-align: center;
    clear: both;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn_gray {
    position: relative;
    height: 5%;
        padding: 1% 12%;
    margin: 5% 10%;
    background: url(../images/bg_grade_gray.gif) repeat-x center;
    color: #ffffff;
    text-align: center;
    clear: both;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.btn_black {
    position: relative;
    height: 5%;
        padding: 1% 12%;
    margin: 5% 10%;
    background: url(../images/bg_grade_black.gif) repeat-x center;
    color: #ffffff;
    text-align: center;
    clear: both;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.btn_red a:link , .btn_red a:visited , .btn_green a:link , .btn_green a:visited , .btn_blue a:link , .btn_blue a:visited , .btn_orange a:link , .btn_orange a:visited , .btn_gray a:link , .btn_gray a:visited , .btn_black a:link , .btn_black a:visited {
    color: #ffffff;
    border: 0;
    text-decoration: none;
}

.btn_red a:hover , .btn_green a:hover , .btn_orange a:hover , .btn_blue a:hover , .btn_gray a:hover , .btn_black a:hover {
    color: #FFF9B1;
    border: 0;
    text-decoration: none;
}

/*リスト*/
.decoration_list ul {
    padding-left: 20px;
    line-height: 200%;
}

.decoration_list li {
    padding: 0;
    margin-bottom: 5px;
    font-size: 1em;
    font-weight: bold;
    list-style: square;
}

/*フレーム*/
.frame {
    border: 1px #e2e2e2;
    margin: 2% 0;
    padding: 2%;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* ============ 各ページ ============ */

/*index.html*/

/*消去方法*/
table.delate {
    width: 100%;
    margin: 2% auto;
    border: #333333 1px solid;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

th.box_a {
    width: 85%;
    padding: 1px 3px;
    color: #000000;
    border-bottom: #333333 1px solid;
    border-right: #333333 1px solid;
    text-align: center;
}

td.box_b {
    width: 30%;
    padding: 1px 3px;
    border-top: #333333 1px dotted;
    border-right: #333333 1px solid;
    text-align: center;
}

td.box_b2 {
    padding: 1px 3px;
    border-top: #333333 1px dotted;
    border-right: #333333 1px solid;
    text-align: left;
}
td.box_c {
    width: 60%;
    padding: 1px 3px;
    border-top: #333333 1px dotted;
    border-right: #333333 1px solid;
    text-align: left;
}

td.box_d {
    width: 10%;
    padding: 1px 3px;
    border-top: #333333 1px dotted;
    text-align: center;
}

.box_green {
    background-color: #EDF2C5;
}

/*運営者情報*/
table.company {
    width: 100%;
    margin: 4% auto;
    border: #333333 1px solid;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

td.box_e {
    width: 30%;
    padding: 1px 3px;
    color: #000000;
    border-top: #333333 1px dotted;
    border-right: #333333 1px solid;
    text-align: left;
}

td.box_f {
    width:70%;
    padding: 1px 3px;
    border-top: #333333 1px dotted;
    border-right: #333333 1px solid;
    text-align: left;
}

.box_orange {
    background-color: #FCE2BA;
}


/*beginner.html*/

#beginner {
    
}

#beginner ul {
    margin-left: 1.2em;
    line-height: 1.5em;
}

#beginner li {
    list-style: square;
}

/*taisyou.html*/


#taisyou {
    width: 100%;
}
#taisyou .article {
    width: 100%;
    margin: 0;
    border-bottom: 1px #e2e2e2 dotted;
    line-height: 200%;
    height: 5%;
    
}

#taisyou .time {
    width: 30%;
    padding: 1% 2%;
    margin: 1% 1% 1% 0;
    background-color: #FFF9B1;
    font-size: 0.85em;
    text-align: center;
    behavior: url(https://junkhin.com/PIE.htc);
}

#taisyou .grade {
    width: 30%;
    padding: 1% 2%;
    margin: 1% 1% 1% 0;
    background-color: #FBDAC8;
    font-size: 0.85em;
    text-align: center;
    behavior: url(https://junkhin.com/PIE.htc);
}

#taisyou .news {
    width: 70%;
    padding-bottom: 1%;
    margin-bottom: 2%;
    line-height: 200%;
}

/*kiyaku.html*/

#kiyaku ul {
    padding-left: 20px;
    line-height: 200%;
}

#camera ul {
    line-height: 150%;
}

#kiyaku li {
    padding: 0;
    margin-bottom: 5px;
    font-size: 1em;
    font-weight: normal;
    list-style: decimal;
}

/*flow.html*/
#flow {
    clear: both;
}

#flow h2 {
    position: relative;
    height: 5%;
    padding: 1%;
    margin: 2% 0;
    color: #1EAA39;
    background-color: #ffffff;
    border: 2px #DADF00 solid;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.50);
    box-shadow: 0 0 5px rgba(0,0,0,.50);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*tyakubarai.html*/

#tyakubarai h3 {
    color: #C30D23;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    
}

table.delivary {
    width: 100%;
    padding: 0 1%;
    margin: 4% 0;
    background-color: #ffffff;
    border: #333333 1px solid;
    text-align: center;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

table.delivary td {
    padding: 1%;
    font-size: 1em;
    border: #333333 1px solid;
    border-collapse: collapse;
    empty-cells: show;
}

.d_size01 {
    background-color: #EDF2C5;
}

.d_size02 {
    background-color: #F2F6DA;
}

.d_area01 {
    background-color: #FFF799;
}

.d_area02 {
    background-color: #FFFBC7;
}

/*junk.html*/

#junk h3 {
    text-align: left;
}

.junk01 {
    padding: 1% 0 1% 8%;
    margin-bottom: 2%;
    color: #333333;
    border-bottom: 1px #e2e2e2 dotted;
    background: url(../images/i_junk.png) no-repeat;
    font-size: 1.1em;
    font-weight: bold;
}

table.ipod {
    width: 100%;
    margin: 3% 0;
    background-color: #ffffff;
    border: #333333 1px solid;
    border-collapse: collapse;
    empty-cells: show;
    border-spacing: 0;
}

table.ipod th {
    background-color: #EDF2C5;
    font-size: 1em;
    text-align: center;
    border: #333333 1px solid;
    border-collapse: collapse;
    empty-cells: show;
}

table.ipod td {
    font-size: 1em;
    border: #333333 1px solid;
    border-collapse: collapse;
    empty-cells: show;
}

.ipod_p {
    width: 25%;
    padding: 2% 0;
    margin: auto 0;
    text-align: center;
}

.ipod_w {
    width: 75%;
    margin: auto 0;
    padding: 1% 2%;
    font-size: 0.85em;
    text-align: left;
}

/*inqiry.html/form.html*/
/
*mailform設定*/

div#mf_wrapper {
	width: 94%;
	text-align: left;
	margin: 0 auto;
	font-family: sans-serif;
}
form#mailform {
	padding: 4%;
}
table.mailform {
	width: 100%;
    border: 0;
    background: none;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-size: 0.8em;
	border-bottom: dotted 1px #dbdbdb;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 30%;
}
table.mailform tr td {
	width: 60%;
}

table.mailform tr th span {
	color: #CC0000;
	font-size: 0.8em;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 20%;
    font-size: 1em;
    border: solid 1px #999999;
}

/*thanks設定*/

.thanks {
    margin: 5% auto;
    text-align: center;
}

table#taisyou {
    width: 100%;
    padding: 0;
    background: url(images/bg_grade_green.gif) repeat-x center center;
    text-align: center;
}

.taisyou-big td {
    width: 60%;
    padding: 0%;
    color: #ffffff;
    text-align: center;
}
.taisyou-small td {
    width: 20%;
    padding: 0%;
    color: #ffffff;
    text-align: center;
}
.white-font{color:#FFF;}
.red-font{color:#F00;}
.tdpad{padding:4px;}
header{display:block;background-color:#FFF;margin-bottom:60px;}
#mainhead{margin-top:60px;}
#mainhead img{width:100%;height:auto;}
#main img{width:100%;height:auto;}
#footer img{width:95%;height:auto;}
.menu_btn img{width:30%;height:auto;}
.navbar-header img{width:70%;height:auto;}
.bigcenter{font-size:14px;
text-align:center;
font-weight:bold;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.bigcenter-hanten{font-size:13px;
text-align:center;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
color:#FFF;
}
.pad7{padding:7px 0;}
.pad-left5{padding-left:5px;
select{font-size:12px;margin-top:5px;}
.font14{font-size:14px;}
.mark_3{font-weight: bold; background-image: url("mark_3.gif");}
.mark_4{font-weight: bold; background-image: url("mark_4.gif");} 
.font26{font-size:26px;}
.font22{font-size:22px;}
.font-mid{font-size:1.3em;}