@charset "UTF-8";
body {
  font-family: Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #454545;
  background: #999999 url(../img/bg.jpg) repeat-y center top;
  margin:0 20px;
}
* html body { font-size: 75%; /* for WinIE6*/ }
*:first-child+html body { font-size: 75%; /* for WinIE7*/ }
/* link-color*/
a { text-decoration: underline; }
a img { border: none; }

a:link { color: #006699; }
a:visited { color: #8FABBE; }
a:hover { color: #006699; }
a:active {
  color: #8FABBE;
  text-decoration:none;
  position:relative;
  left:+1px;
  top:+1px;
}
hr { display: none; }
.hide { display: none; }
/*h*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-style: normal;
  clear:both;
}
p {
  margin-top: 0;}
/* title*/

#Proot h1#logo,
#Proot h1#logo span {
  height: 67px;
  width: 276px;
  background: url(http://swwwitch.com/images/title.gif) no-repeat;
}
h1#logo,
h1#logo span {
  height: 67px;
  width: 276px;
  background: url(http://swwwitch.com/images/title.gif) no-repeat;
}
/* layout */
#wrapper {
  margin:  0 auto;
  text-align: left;
  width: 940px;
  color: inherit;
  background-color: #FFFFFF;
  padding-bottom: 20px;
  height: 1%;
}
#container {
  position: relative;
  width: 940px;
  margin: 10px;
}
#content {
  width: 430px;
  margin-right: 260px;
  margin-left: 250px;
  line-height: 1.6;
}
#content h2{
margin-bottom:0;}
div.sidebar {
  width: 220px;
  position: absolute;
  top: 0px;
  padding-bottom: 10px;
  font-size:12px;
}
#sidebarNews { left: 10px; }
#sidebarBook { right: 20px; }
/* footer*/
#footer {
  margin: 20px 20px 0px;
  padding-top: 10px;
  border-top: 1px solid #999999;
  clear: both;
}
#footer p {
  margin: 0px;
  padding: 0px;
}
/* header + gNavigation */
#header {
  border-bottom: 7px solid #CCCCCC;
  margin: 0px 0px 10px;
  height: 70px;
  width: 940px;
  position: relative;
  color: inherit;
  background-color: #F7BF2B;
}
#header dl { display: none; }
#header ul#service { display: none; }
#header h2 { display: none; }
#navcontainer {
  position: absolute;
  top: 45px;
  width: 500px;
  right: 20px;
  text-align: right;
}
#navi {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul#navi {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
}
ul#navi li {
  margin: 0;
  padding: 0;
  display: inline;
}
ul#navi li a:link,
ul#navi li a:visited {
  line-height: 14px;
  margin: 3px 7px 3px 3px;
  text-decoration: none;
}
ul#navi li a:hover {
  border-bottom: 4px solid #6F95B9;
  padding-bottom: 2px;
  background: transparent;
}
/*
ul#navi a:link#root, ul#navi a:visited#root
{
	border-bottom: 4px solid #CCCCCC;
	padding-bottom: 2px;
	background: transparent;
}
*/

#Pbooks ul#navi a:link#books,
#Pbooks ul#navi a:visited#books,
#Plecture ul#navi a:link#lecture,
#Plecture ul#navi a:visited#lecture,
#Ptraining ul#navi a:link#training,
#Ptraining ul#navi a:visited#training,
#Pwriting ul#navi a:link#writing,
#Pwriting ul#navi a:visited#writing,
#Pworks ul#navi a:link#works,
#Pworks ul#navi a:visited#works,
#PPR ul#navi a:link#pr,
#PPR ul#navi a:visited#pr {
  border-bottom: 4px solid #CCCCCC;
  padding-bottom: 2px;
  background: transparent;
}
/* sidebar common */
.sidebar {
  color: inherit;
  background: #efefef url(../img/bg_titleGray.gif) no-repeat center bottom;
  margin: 0px;
  padding: 0px;
}
.sidebar p { margin: 0px 10px 0.5em; }
.sidebar h2 {
  color: #FFFFFF;
  margin-bottom: 10px;
  padding: 3px;
  border-bottom: 3px solid #999999;
  background: #333333 url(../img/bg_titleBlack.gif) no-repeat center top;
  margin-top: 0px;
  text-align: center;
}
.sidebar h3,
.sidebar h4 { margin-right: 10px; }
.sidebar h3 { margin: 0px 10px 0.5em; }
.sidebar input[type="text"] {
  width: 130px;
  margin: 0 2px 0 10px;
  border: 1px solid #999999;
}
input { vertical-align: middle; }
input:focus,
textarea:focus { background-color: #ffffc6; }
form#mag4 {
  border-width: 0px;
  border-style: none;
}
/* sidebar Book */

/*#book9 {
  background: url(http://www.swwwitch.com/images/web_taidanbon.jpg) no-repeat center top;
  padding-top: 280px;
}

#book7 {
  background: url(http://www.swwwitch.com/images/book01.gif) no-repeat center top;
  padding-top: 160px;
}

#book6 {
  background: url(http://www.swwwitch.com/images/dw_p_style.jpg) no-repeat center top;
  padding-top: 206px;
}

#book5 {
  background: url(http://www.swwwitch.jp/img/aics2perfect.gif) no-repeat center top;
  padding-top: 214px;
}

#book1 {
  background: url(http://www.swwwitch.jp/archives/dekiru2004-160.gif) no-repeat center top;
  padding-top: 214px;
  margin-top: 20px;
}*/

.sidebar dl { }
.sidebar dt,
.sidebar dd {
  margin: 0px 10px;
  padding: 0px;
}
.sidebar dt {
  font-weight: bold;
  margin: 0px 10px 0.5em;
}
#sidebarBook ul {
  margin: 0;
  padding: 0px;
  list-style: none;
}
#sidebarBook ul li {
  margin: 0px;
  list-style: none;
  padding-left: 10px;
  padding-bottom: 20px;
}
#sidebarBook h4 {
  margin: 0px 10px;
  padding: 0px;
}

/* sidebar form*/

.sidebar form {
  margin-top: 10px;
  margin-bottom: 20px;/*-moz-border-radius:10px;*/
}
.sidebar form input#rdemail1,
.sidebar form input#rdemail2,
.sidebar form input#rdemail3,
.sidebar form input#rdemail4 { width: 150px; }
#antennna {
  border: 1px dotted #999999;
  margin: 10px;
  color: inherit;
  background: #FFFFFF url(../img/antennna.gif) no-repeat 10px 10px;
  padding-top: 70px;
}

/* link-note */

.link-note a {
  color: inherit;
  background: #FFFFFF;
  display: block;
  text-decoration: none;
  padding: 5px;
  margin: 10px;
  border: 1px solid #CCCCCC;
  text-align: center;
}
.link-note a:hover {
  background-color: #666666;
  color: #FFFFFF;
}

/* content main topic*/

#content div.entryBox {
  padding: 10px 0;
  border-top: 1px dotted #666;
  clear: both;
}
.replace {
  position: relative;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.replace span {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

/* #content */

.entryBox h3 {
  line-height: 1.1;
  margin: 0 0 0.5em;
  font-size:14px;
  color:#121212;
}
.entryBox p {
  margin: 0 0 1em;
  color: #454545;
}

#content p.date {
  line-height: 1.0;
  margin: 0 0 1em;
  color:#999999
}
p.extended {
  text-align: right;
  margin: 10px 0px 0px;
}
#bikou {
  width: 220px;
  position: absolute;
  top: 0px;
  right: 10px;
  padding-bottom: 10px;
}
/* category #catContent */
#catContent {
  margin-right: 250px;
  margin-left: 20px;
}
#catContent h3 { font-size: medium; }
#catContent hr { border: 1px dashed #999999 !important; }
/*
#catContent img {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 10px;
}
*/
#catContent p { line-height: 1.4; }
#catContent li {
  line-height: 1.4;
  margin-bottom: 0.5em;
}
#catContent div+div {
  padding: 10px 0 5px;
  margin-bottom: 5px;
  border-top: 1px dotted #CCCCCC;
}
#Trackback {
  padding: 20px !important;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px dotted #999999;
}
#buyBook a {
  margin: 0px;
  padding: 0px;
}
#wrapper #container #sidebarBook #buyBook li {
  margin: 0px 0px 0px 1em;
  padding: 0px;
  list-style: square;
}
#wrapper #container #sidebarBook #buyBook { margin: 0px 0px 10px 20px; }
#bikou ul li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.sidebar ul {
  margin: 0px 0px 0px 25px;
  padding: 0px;
  list-style: square;
}

/* profile */

body.profile h2 { margin-left: 20px; }

body.profile dt {
  width: 8em;
  float: left;
  margin-bottom: 5px;
  text-align: right;
  clear: both;
  font-weight: bold;
}
body.profile dd {
  margin-left: 9em;
  margin-bottom: 5px;
}
.profile dl { margin-left: 20px; }
.profile #wrapper h2 { margin-left: 20px; }
.pYear ul li {
  list-style: none;
  margin: 15px 0px 0px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #CCCCCC;
}
.pYear ul li a {
  font-weight: bold;
  text-decoration: none;
}
.pYear dl { margin-left: 20px; }
.pYear dt { width: 3em; }
.pYear dd { margin-left: 6em; }
.pYear ul li dl dd a { font-weight: normal; }
.pYear ul li dl dd a:hover { text-decoration: underline; }
dt {
  margin-top: 10px;
  margin-bottom: 5px;
}
dd {
  margin-left: 1em;
  line-height: 1.6;
}

/* images + float
-------------------------------------------------------------*/

img.left {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
img.right {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;
}
img.picFrame {
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
a:hover img.picFrame { border: 1px solid #232323; }

/* companyProfile
-------------------------------------------------------------*/

dl#companyProfile dt {
  width:7em;
  float:left;
  clear:both;
  margin:0px;
  padding:0px;
  font-weight: bold;
  text-align:right;
  line-height:1.2;
  margin-bottom: 10px;
}
dl#companyProfile dd {
  margin:0px;
  padding:0px;
  margin-left:8em;
  line-height:1.2;
  margin-bottom: 10px;
}
ul#schedule {
  margin-right: 1em;
  margin-bottom: 1em;
}
ul#schedule li { margin-bottom: 5px; }
ul#schedule li a {
  display: block;
  text-decoration: underline;
}
* html ul#schedule li a {
  display: inline;
}
ul#schedule li a:hover {
  text-decoration: none;
  color: #333333;
}
/**/

div#sidebarBook dt { margin-top: 15px; }
div#sidebarBook a {
  margin-bottom: 15px;
  text-decoration: none;
}
div#sidebarBook img { margin-bottom: 10px; }
/* search */

legend { display: none; }
fieldset {
  margin: 10px;
  border-style: none;
  padding: 0px;
}

/* pages */

ul#page-list {
	margin: 10px auto 30px;
}
ul#page-list li {
	list-style: none;
	float: left;
	display: block;
	height: 25px;
	width: 25px;
	text-align: center;
	background: #FFF;
	line-height: 25px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	margin: 0px 5px 20px 0px;
	padding: 0px;
}
ul#page-list li span {
	font-weight: bold;
	background: #999;
	display: block;
	height: 25px;
	width: 25px;
	padding: 0px;
	color: #fff;
}
ul#page-list li a {
	text-decoration: none;
	color: #666;
	background: #FFF;
	display: block;
	height: 25px;
	width: 25px;
	margin: 0px;
	padding: 0px;
}
ul#page-list li span a {
	font-weight: normal;
	background: #FFF;
}

ul#page-list li a:hover {
	color: #000;
	background: #deefff;
}
