@charset "utf-8";

/*
== 1:reset ============================================================================= */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html{border:0;}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,table{font-size:100%;}
q:before,q:after{content:'';}
table {border-collapse: collapse;border-spacing: 0;}
img {vertical-align: bottom;}
hr {position: absolute;left: 0px;top: -9999px;height: 1px;width: 1px;overflow: hidden;display: block;}

/*
== 2:set =============================================================================== */

/* base
--------------------------------------------- */
body {
  font: 62.5%/1.4;
  color: #333;
}

dt,dd,li,h1,h2,h3,h4,h5,h6,pre,input,textarea,p,blockquote,th,td,caption {
  font-size: 0.8em; /* 13px */
  _font-size: 1.2em;
}

p {
  margin: 1em 0 0;
}



a {
  text-decoration: none;
}


/*
== 3:layout =============================================================================== */

body {
  text-align: center;
  margin-bottom: 20px;
}

.wrapper {
  margin: 0 auto;
  width: 700px;
}


/*
== 4:module =============================================================================== */


/*-------------------------
ヘッダー
-------------------------*/

/*
== header ============================================================================== */

.header {
  background: url(../../../images/tokusetu_header_bg.gif) no-repeat 0 0 #fff;
  padding: 11px 0 1px;
}



/*

== logo ================================================================================ */

#logo { /* use hack */
  margin: 0; /* style clear */
  padding: 0;
  background: none;
  list-style: none;
  border: none;
  float: left;
  margin-left: 20px;
}



/*
== nav_busho =========================================================================== */

#nav_busho ul, #nav_busho li {
  margin: 0; /* style clear */
  padding: 0;
  background: none;
  list-style: none;
  border: none;
  float: none;
}

#nav_busho {
  margin-left: 205px;
  text-align:left;
}

#nav_busho li {
  display: inline;
  margin-right: 5px;
}



/*
== nav_groval ========================================================================== */

#nav_groval ul, #nav_groval li {
  margin: 0; /* style clear */
  padding: 0;
  background: none;
  list-style: none;
  border: none;
  float: none;
}

#nav_groval {
  background: #0247fd;
  margin: 11px 0 0;
  position: relative;
  text-align: left;
}

#nav_groval li {
  display: inline;
  margin: 0 0 0 15px;
}

#nav_groval li.home {
  position: absolute;
  right: 15px;
}

/*-------------------------
高級筆記具(koukyuuhikkigu.html)
-------------------------*/
#koukyuuhikkigu {
width: 700px;
margin: auto;
}
.koukyuuhikkigu_splash{
text-align: center;
}

.tentouservice table {
width: 700px;
margin: 5px 0px 0px 0px ;
border:solid;
border-bottom: solid ;
border-right: solid ;
border-color: #eee8aa;

}
.tentouservice li {
text-align: left;
padding : 3px;
background-color: #fafad2;
}



h2 {
color: #fff;
margin-top: 10px;
background-color: #228b22;
font-weight: bold;
}
h3 {
margin: 5px;
font-size: 3em;
font-weight: bold;
color: red;
}

.list {
  width:710px;

}

.list li {
  text-align: left;
  float: left;
  margin: 10px 10px;
  padding: 10px 10px;
  border-color: none;
}

.list li {
border: none;
}

h4 {
margin-top: 30px;
margin-bottom: 5px;
text-align: center;
}

.topbanner table {
border: none;
width: 700px;
}

.topbanner td {
border: none;
text-align: center;
}


#copyright{
text-align: center;
}

.camp{
	border: double 4px #FCF;
	width:692px;
}

.toptop{
padding-top:10px;
  clear:both;
  }

.copy {
  color: #eb6100;
  font-size: 0.8em;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 2px;
}