/* CSS Document */


/* basic elements */


html
{
margin: 0;
padding: 0;
}


body
{
margin: 0;
padding: 0;

font-family: arial,"メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
font-size: 14px;
color: #373736;

line-height: 1.5;

scrollbar-arrow-color:#a8a8a7;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#a8a8a7;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#a8a8a7;
scrollbar-darkshadow-color:#ffffff;
}


a:link
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

a:active
{
text-decoration: underline;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}

a img
{
text-decoration: none;
border: 0;
}

a:hover img
{
text-decoration: none;
border: 0;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}

a:active img
{
text-decoration: none;
border: 0;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}


h1, h2, h3, h4, h5, h6
{
font-weight: normal;
line-height:1;
}


h1, h2, h3, h4, h5, h6, pre, blockquote
{
margin: 0;
padding: 0;
}

h1
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
padding: 10px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
background-color:#747473;
}

h2
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
padding: 10px;
font-size: 26px;
font-weight: bold;
border-top :3px solid #747473;
border-bottom :3px solid #747473;
color: #747473;
}

h3
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0 20px;
padding: 5px 10px;
font-size: 22px;
font-weight: bold;
border-bottom :2px dotted #747473;
color: #747473;
}

h4
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0 10px;
font-size: 18px;
font-weight: bold;
color: #747473;
}

h5
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
padding: 10px;
font-size: 16px;
font-weight: bold;
color: #ffffff;
background-color:#747473;
border: 3px solid #ffffff;
}

h6
{
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
padding: 10px;
font-size: 20px;
font-weight: bold;
color: #747473;
background-color:#ffffff;
border: 2px solid #747473;
}


table,form
{
margin: 0;
padding: 0;
}

p
{
margin: 0;
padding: 0;
}

ul
{
margin: 0;
padding: 0;
}

li
{
margin: 0;
padding: 0;
list-style-type: none;
vertical-align: middle;
}

ol
{
margin: 0;
padding: 0;
list-style-type: decimal-leading-zero;
}


hr
{
border-top: 1px dotted #a8a8a7;
margin: 20px 0;
}



/* page layout */


body
{
text-align: center;
background-color: #ecebe2;
}


#container
{
margin: 20px auto;
width: 980px;
background-color: #ecebe2;
text-align: left;
}

#container-inner
{
width: 940px;
background-color: #fad26b;
padding: 20px;
}


#header
{
width: 940px;
background-color: #fad26b;
}


#logo
{
width: 300px;
background-color: #ffffff;
margin: 0;
float: left;
}


#logo a {
text-decoration: none;
color: #373736;
}

#logo a:hover {
text-decoration: none;
color: #a8a8a7;
}

#logo a:active {
text-decoration: none;
color: #a8a8a7;
font-weight: bold;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}

/* #logo-name classes */

.logo-name
{
line-height: 1;
font-size:23px;
padding: 20px 20px 0 20px;
}

.logo01
{
padding: 10px 20px;
}


#page-name
{
color: #ffffff;
width: 300px;
background-color: #747473;
margin:0 0 0 20px;
float: left;
}

/* #page-name classes */

.page-no
{
font-size: 110px;
line-height: 1;
border-bottom: 3px solid #ffffff;
padding-bottom: 14px;
}

.page-name
{
width: 100%;
font-size: 23px;
text-align: right;
padding: 5px 0;
border-bottom: 3px solid #ffffff;
}

#information
{
width: 300px;
color: #ffffff;
background-color: #10d0ab;
margin:0 0 0 20px;
float: left;
line-height: 1;
}

/* #information classes */

.information
{
font-size:51px;
padding-bottom: 5px;
border-bottom: 2px dotted #ffffff;
}


#main
{
width: 960px;
background-color: #fad26b;
margin-top: 20px;
}


#left
{
width: 300px;
float: left;
}


#menu
{
background-color: #747473;
margin-bottom: 20px;
}

/* #menu classes */

#menu ul
{
color: #ffffff;
font-size:18px;
background-color:#747473;
padding: 20px 10px;
line-height: 2;
}

#menu li
{
padding: 0 10px;
}

#menu li a {
text-decoration: none;
color: #ffffff;
display: block;
width: 100%;
}

#menu li a:hover {
text-decoration: none;
color: #747473;
background-color: #fad26b;
width: 100%;
display: block;
font-weight: bold;
text-align: right;
padding-right: 20px;
}

#menu li a:active {
text-decoration: none;
color: #747473;
background-color: #fad26b;
width: 100%;
display: block;
font-weight: bold;
text-align: right;
padding-right: 20px;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}


#license
{
font-size: 16px;
color: #ffffff;
background-color: #10d0ab;
margin-bottom: 20px;
padding: 20px;
}

/* #license classes */

.license-no
{
padding-right:10px;
line-height: 1;
font-size: 54px;
float: left;
}


#banner-callenge25
{
font-size: 12px;
background-color: #ffffff;
padding: 20px;
}

#banner-callenge25 a
{
text-decoration: none;
color: #a8a8a7;
}

#banner-callenge25 a:hover
{
color: #fad26b;
text-decoration: none;
}

#banner-callenge25 a:active
{
text-decoration: none;
color: #ffffff;
background-color: #fad26b;
}

/* #banner-callenge25 classes */

.banner-callenge25-01
{
margin-top: 20px;
padding: 10px 0;
border-top: 2px solid #a8a8a7;
border-bottom: 2px solid #a8a8a7;
}


#right
{
width: 660px;
background-color: #fad26b;
float: right;
}


#contents
{
background-color: #ffffff;
padding: 20px;
margin: 0 20px 20px 20px;
}

#contents a
{
text-decoration: none;
color: #a8a8a7;
}

#contents a:hover
{
text-decoration: none;
color: #747473;
}

#contents a:active
{
text-decoration: none;
color: #747473;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}

#contents h3 a
{
text-decoration: none;
color: #747473;
}

#contents h3 a:hover
{
text-decoration: none;
color: #747473;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}

#contents h3 a:active
{
text-decoration: none;
color: #747473;
}


#news
{
background-color:#747473;
margin: 20px 0 0 0;
padding: 20px;
border: 5px solid #747473;
height: auto;
overflow:scroll;
}

/* #news classes */

.news01
{
background-color:#ffffff;
margin: 0;
padding: 20px;
}


#bottom
{
margin-bottom: 20px;
}


#copyright
{
width: 260px;
float: left;
padding: 20px;
margin: 0 20px 20px 20px;
color: #ffffff;
background-color: #0fd0ab;
}

/* #copyright classes */

.copyright01
{
font-size: 48px;
line-height: 1;
}

.copyright02
{
font-size:12px;
text-align: right;
padding: 10px 0 5px 0;
border-bottom: 3px solid #ffffff;
}


#footer-menu
{
font-size: 12px;
width: 260px;
float:left;
padding:20px;
margin: 0 20px 20px 0;
background-color: #747473;
color: #ffffff;
}

/* footer-menu classes */

#footer-menu a
{
text-decoration: none;
color: #ffffff;
}

#footer-menu a:hover
{
text-decoration: none;
font-weight: bold;
color: #747473;
background-color: #fad26b;
}

#footer-menu a:active
{
text-decoration: none;
font-weight: bold;
color: #747473;
background-color: #fad26b;
filter: alpha(opacity=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.75;
opacity: 0.75;
}


#pagetop
{
color: #ffffff;
font-size: 35px;
text-align: right;
background-color: #fad26b;
margin: 50px 0 0 0;
padding: 10px ;
line-height: 1;
}

#pagetop a
{
text-decoration: none;
color: #ffffff;
}

#pagetop a:hover
{
text-decoration: none;
color: #ffffff;
background-color: #fad26b;
font-weight: bold;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.80;
opacity: 0.80;
}

#pagetop a:active
{
text-decoration: underline;
color: #ffffff;
background-color: #fad26b;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
-moz-opacity: 0.50;
opacity: 0.50;
}


.inner
{
padding:20px;
}


/* Box of each page */

/* tokushohou */

.tokushohou
{
  max-width: 600px;
  margin: 20px 0 0;
}

.tokushohou img
{
  max-width: 100%;
}



/* thanks */

.thanks-info01
{
color: #ffffff;
background-color: #10d0ab;
margin-top: 50px;
padding: 20px;
text-align:right;
line-height:1;
}


/* application */

.item
{
margin: 20px 20px 0 20px;
}

.item-no
{
margin-bottom: 10px;
padding: 10px;
color: #747473;
border: 3px solid #747473;
}

#item a:link
{
color: #747473;
}

#item a:hover
{
color: #747473;
}

#item a:active
{
color: #d0d1ce;
background-color: #747473;
}


/* p-box classes */


.p-box00
{
margin: 20px 20px 0 20px;
}

.p-box01
{
margin: 20px 20px 0 20px;
padding: 20px;
background-color:#d0d1ce;
}

.p-box02
{
margin: 20px 20px 0 20px;
padding: 20px;
border: 2px solid #747473;
}

.p-box03
{
margin: 10px 10px 0 10px;
}

.p-box04
{
margin: 20px 40px 0 40px;
}


/* float classes */


.float-l
{
float: left;
}

.float-r
{
float: right;
}

.clr
{
clear: both;
overflow: hidden;
margin: 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}


/* table */


table
{
border-collapse: collapse;
}

td
{
padding: 10px 20px;
border: 1px solid #a8a8a7;
}

.td01
{
background-color:#d0d1ce;
}

.td02
{
font-size: 11px;
background-color: #d0d1ce;
white-space: nowrap;
}


/* form */


input,
textarea
{
border-style: solid;
border-color: #a8a8a7;
border-width: 1px;
background-color: #ffffff;
}

.form-name
{
width: 150px;
}

.form-mail
{
width: 300px;
}

.form-post
{
width: 100px;
}

.form-tel
{
width: 150px;
}

.form-adress
{
width: 300px;
}

.form-contact
{
width: 300px;
height: 300px;
overflow:scroll;
}

.form-goods-name
{
width: 340px;
}

.form-goods-brand
{
width: 340px;
}

.form-goods-no
{
width: 100px;
}

.form-goods-color
{
width: 100px;
}

.form-goods-option
{
width: 340px;
}

.form-goods-price
{
width: 80px;
}

.form-goods-file
{
width: 340px;
}

.form-goods-other
{
width: 340px;
height: 100px;
overflow:scroll;
}

.button {
  display: inline-block;
  font-family: inherit;
  font-weight: bold;
  max-width: 180px;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #fff;
  font-size: 13px;
  color: #373736;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 4px;
  border-top: 1px solid #747473;
  border-right: 1px solid #747473;
  border-left: 1px solid #747473;
  border-bottom: 3px solid #373736;
}

.button:hover {
  color: #fff;
  background-color: #747473;
  }

.button:active {
    transform: translateY(3px);
    border-bottom: none;
  }

/* list */


.list-circle
{
margin:  0 40px;
list-style-position: outside;
list-style-type: circle;
}

.list-decimal
{
margin:  0 40px;
list-style-position: outside;
list-style-type:decimal;
}


/* icon */


.dArr01
{
color:#747473;
font-size: 66px;
margin: 10px 0 0 20px;
line-height: 1;
}


/* common */


.line-height01
{
line-height: 1;
}


.underline
{
text-decoration: underline;
}


.solid-white01
{
border-bottom: 1px solid #ffffff;
}

.solid-white02
{
border-bottom: 2px solid #ffffff;
}

.solid-white03
{
border-bottom: 3px solid #ffffff;
}


.dashed-white
{
border-bottom: 1px dashed #ffffff;
}


.dotted-white
{
border: 1px dashed #ffffff;
}


.solid-glay03
{
border-bottom: 1px solid #a8a8a7;
}

.dashed-glay03
{
border-bottom: 1px dashed #a8a8a7;
}

.dotted-glay03
{
border: 1px dashed #a8a8a7;
}


.glay01
{
color: #ecebe2;
}

.glay02
{
color: #d0d1ce;
}

.glay03
{
color: #a8a8a7;
}

.glay04
{
color: #747473;
}

.glay05
{
color: #373736;
}

.yellow
{
color: #ecebe2;
}

.orange
{
color: #ff715f;
}

.green
{
color: #10d0ab;
}

.blue
{
color: #00569b;
}


.f-80px
{
font-size: 80px;
}

.f-70px
{
font-size: 70px;
}

.f-60px
{
font-size: 60px;
}

.f-55px
{
font-size: 55px;
}

.f-50px
{
font-size: 50px;
}

.f-45px
{
font-size: 45px;
}

.f-40px
{
font-size: 40px;
}

.f-35px
{
font-size: 35px;
}

.f-30px
{
font-size: 30px;
}

.f-28px
{
font-size: 28px;
}

.f-26px
{
font-size: 26px;
}

.f-24px
{
font-size: 24px;
}

.f-22px
{
font-size: 22px;
}

.f-21px
{
font-size: 21px;
}

.f-20px
{
font-size: 20px;
}

.f-19px
{
font-size: 19px;
}

.f-18px
{
font-size: 18px;
}

.f-16px
{
font-size: 16px;
}

.f-14px
{
font-size: 14px;
}

.f-12px
{
font-size: 12px;
}

.f-10px
{
font-size: 10px;
}


.t-right
{
text-align: right;
}

.t-left
{
text-align: left;
}

.t-center
{
text-align: center;
}


.pad-tb5
{
padding: 5px 0;
}

.pad-tb10
{
padding: 10px 0;
}

.pad-tb15
{
padding: 15px 0;
}

.pad-tb20
{
padding: 20px 0;
}

.pad-tb25
{
padding: 25px 0;
}

.pad-tb30
{
padding: 30px 0;
}


.pad-t5
{
padding-top: 5px;
}

.pad-t10
{
padding-top: 10px;
}

.pad-t15
{
padding-top: 15px;
}

.pad-t20
{
padding-top: 20px;
}

.pad-t25
{
padding-top: 25px;
}

.pad-t30
{
padding-top: 30px;
}

.pad-t35
{
padding-top: 35px;
}

.pad-t40
{
padding-top: 40px;
}


.pad-b5
{
padding-bottom: 5px;
}

.pad-b10
{
padding-bottom: 10px;
}

.pad-b15
{
padding-bottom: 15px;
}

.pad-b20
{
padding-bottom: 20px;
}

.pad-b25
{
padding-bottom: 25px;
}

.pad-b30
{
padding-bottom: 30px;
}

.pad-b35
{
padding-bottom: 30px;
}

.pad-b40
{
padding-bottom: 40px;
}


.pad-l10
{
padding-left: 10px;
}

.pad-l20
{
padding-left: 20px;
}

.pad-l30
{
padding-left: 30px;
}


.mar-t5
{
margin-top: 5px;
}

.mar-t10
{
margin-top: 10px;
}

.mar-t15
{
margin-top: 15px;
}

.mar-t20
{
margin-top: 20px;
}

.mar-t25
{
margin-top: 25px;
}

.mar-t30
{
margin-top: 30px;
}

.mar-t35
{
margin-top: 35px;
}

.mar-t40
{
margin-top: 40px;
}

.mar-t45
{
margin-top: 45px;
}

.mar-t50
{
margin-top: 50px;
}


.mar-l5
{
margin-left: 5px;
}

.mar-l10
{
margin-left: 10px;
}

.mar-l15
{
margin-left: 15px;
}

.mar-l20
{
margin-left: 20px;
}

.mar-l25
{
margin-left: 25px;
}

.mar-l30
{
margin-left: 30px;
}

.mar-l35
{
margin-left: 35px;
}

.mar-l40
{
margin-left: 40px;
}

.mar-l45
{
margin-left: 45px;
}

.mar-l50
{
margin-left: 50px;
}