@charset "UTF-8";

/***** common *****/

body {
margin:0;
padding:0;
text-align:center;
background : #EBEBEB url(siteparts/bg.gif);
color:#444;
}

body,th,td,li,div { font:12px/150% "ＭＳ Ｐゴシック",sans-serif; }
form,input,textarea { font:12px/16px "ＭＳ Ｐゴシック",sans-serif; }

P,H1,H2,H3,H4,H5,H6,UL,OL,LI,DL,FORM{
margin:0;
}

.clear{
clear:both;
height:0;
line-height:0;
}

.clear hr { display:none; }
.b { font-weight:bold; }
.red { color:#f00; }


/***** links *****/

a{text-decoration:none;}
a:link{color:#36c;}
a:active,
a:visited{color:#369;}
a:hover{color:#f90;}

/***** layout *****/

#wrap{
width:902px;
margin:0 auto;
text-align:center;
background-image : url(../img/parts/background.gif);
background-repeat : repeat-y;
}
#innerWrap { padding:0 15px; text-align:left;}
#bodyWrap,#mainWrap,#sideWrap { overflow:hidden; }
#bodyWrap { width:900px; margin:15px; }
#mainWrap { width:600px; float:right; margin:0 0 80px 0;}
#sideWrap { width:250px; float:left; margin:0 18px 0 0; }

/***** header *****/

#headline{
margin:0 0 15px 0;
color:#333;
border-top:solid 5px #f90;
}
#headline_title3{
width:900px;
margin:auto;
background-image : url(../img/parts/headline_bg.gif);
background-repeat : repeat-x;
border-top:solid 1px #999;
border-bottom:solid 1px #999;
}
#headline_title{
width:870px;
margin:10px 15px;
}
#headline_title2{
width:870px;
margin:0 15px;
}

#headline h1,#headline h2{
margin:5px 0 15px 0;
font-size:12px;
line-height:14px;
color:#999;
font-weight:normal;
}

#headline f { font-weight:normal; }

#title2 h2{
width:600px;
height:35px;
  display: block;
  font-size : 15px;
  font-weight : bold;
  color : #666;
  background-image : url(../img/parts/h2_bg.gif);
  background-repeat : no-repeat;
  padding : 7px 10px 10px 20px;
  margin-bottom : 20px;
}

#title3 h2{
width:600px;
height:35px;
  display: block;
  font-size : 15px;
  font-weight : bold;
  color : #666;
  background-image : url(../img/parts/h2_bg.gif);
  background-repeat : no-repeat;
  padding : 7px 10px 10px 20px;
  margin-bottom : 5px;
}

#title2 h3{
width:600px;
height:25px;
  display: block;
  font-size : 14px;
  color : #333;
  padding : 4px 10px 4px 10px;
  margin : 30px 0 10px 0;
  border:solid 1px #ccc;
  text-decoration : none;
}

#title,#headAd { margin:10px 0; }

#title{
width:234px;
margin-left:10px;
float:left;
}

#headAd { margin-left:270px; }

/***** global navi *****/

#gNavi{
clear:both;
margin:15px 0 0;
padding:0 5px;
font-size:12px;
line-height:24px;
background:#efefef;
border-top:solid 1px #ccc;
}

#gNavi form { padding-right:10px; float:right; }
#gNavi form input { font-size:12px; }
#gNavi form input.ti { width:150px; }

#gNavi p{
list-style:none;
display:inline;
padding:0 0 0 10px;
font-size:12px;
line-height:24px;
}

#gNavi p a{
padding-left:12px;
background : url(siteparts/pointBlue.gif) no-repeat left center;
}

#gNavi p a:hover { background : url(siteparts/pointOrange.gif) no-repeat left center; }


/***** side bar *****/

.moduleTitle { margin-bottom:5px; font-weight:bold; border-bottom:double 3px #ccc; }
.moduleWrap { margin-bottom:15px; padding-left:18px; }
.moduleWrap ul { margin:0 0 5px 15px; padding:0; font-size:12px; }
.moduleWrap a { border-bottom-style:dotted; border-bottom-width:1px; }
.moduleWrap a:link { border-bottom-color:#36c; }
.moduleWrap a:active,
.moduleWrap a:visited { border-bottom-color:#369; }
.moduleWrap a:hover { border-bottom-color:#f50; }

#Navi_img{
margin:0 0 5px 0;
}
#Navi_bg{
text-align:center;
border-left:solid 1px #999;
border-right:solid 1px #999;
background:#f3f3f3;
}
#Navi_bg2{
text-align:center;
border-left:solid 1px #999;
border-right:solid 1px #999;
background:#ffffff;
}

/***** footer *****/

#footer{
clear:both;
width:900px;
margin:auto;
}

#footer_1{
width:870px;
margin:15px 0 0 0;
font-style:normal;
font-size:12px;
line-height:15px;
text-align:center;
}
#footer_3{
width:900px;
background:#f3f3f3;
text-align:center;
border-top:solid 1px #999;
}

#footer_2{
width:870px;
margin:0 15px 0 15px;
text-align:right;
}

#footer address{
font-style:normal;
font-size:12px;
}

/***** category *****/

.CATpoint { border-top-color:#fc0; }
.CATbasic { border-top-color:#c90; }
.CATreference, .CATref1, .CATref2, .CATref3, .CATref4, .CATcolor { border-top-color:#9c0; }
.CAT2column { border-top-color:#f99; }
.CAT3column { border-top-color:#c63; }
.CATcause { border-top-color:#6cc; }
.CATxhtml { border-top-color:#c6c; }
.CATparts { border-top-color:#963; }
.CATwebpage { border-top-color:#9c3; }
.CATbooks { border-top-color:#66c; }
.CATinfo { border-top-color:#c6f; }
.CATsearch { border-top-color:#006; }

/***** topic path *****/

#topicPath { margin:3px 17px; list-style:none; }
#topicPath li { display:inline; font-size:12px; }

#menuPath { margin:0; list-style:none; text-align:right;}
#menuPath li { display:inline; font-size:12px; margin-left:10px; }

#sidemenuPath { margin:0; text-align:left;}
#sidemenuPath ul { 
	margin:0px;
	padding:0px;
}
#sidemenuPath li { 
  display:block;
  margin-top: 5px;
  list-style-type:none;
}

table.mailform {
	width: 100%;
	padding: 10px;
	border-width : 1px;
	border-style : solid;
	border-color : #cccccc;
}
table.mailform tr th {
	padding: 5px 0px 5px 10px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	font-weight: normal;
	font-size: 12px;
	color: #444;
	background-color: #f7f7f4;
	text-align: left;
	width: 180px;
}
table.mailform tr th span {
	font-size: 10px;
	color: #999999;
	display: block;
}
table.mailform tr td {
	padding: 5px 0px 5px 10px;
	border-bottom: solid 1px #e4e4e4;
	color: #444;
	font-size: 12px;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
table.mailform tr td ul li {
	float: left;
	padding: 0px 10px 0px 0px;
}
table.mailform tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}

#breadcrumb P{
 	margin: 0 15px 15px 15px;
 	font-size : 12px;
 	color : #666;
	text-align: left;
}

#margin_p{
  margin: 5px 0 15px 0;
  padding: 0 2px 0 0;
}

table.table_1 {
	width: 100%;
	padding: 10px;
	border-width : 1px;
	border-style : solid;
	border-color : #cccccc;
}
table.table_1 tr th {
	padding: 3px 5px 3px 5px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	font-weight: normal;
	font-size: 12px;
	color: #444;
	background-color: #f7f7f4;
	text-align: left;
}
table.table_1 tr td {
	padding: 3px 5px 3px 5px;
	border-bottom: solid 1px #e4e4e4;
	color: #444;
	font-size: 12px;
}

#media_li2 li{
  margin-left: 12px;
  font-size : 13px;
  line-height:20px;
  color : #444;
  list-style-image : url(../img/parts/listmark_01.gif);
}

#contents { 
clear: both;
margin-top : 20px;
margin-bottom : 35px;
display: block;
}

#contents img{
float: right;
margin-left : 15px;
border: none;
}

#contents h4{
  font-size : 14px;
  margin-bottom : 3px;
  color : #333;
}

.margin-top50{
  margin-top: 50px;
}

.margin-bottom20{
  margin-bottom: 20px;
}

#top-magazine img{ 
clear: both;
margin-right : 8px;
margin-bottom : 8px;
border:solid 1px #999;
}

.magazine-001{
  background-color : #ff9900;
  color : #fff;
  padding-top : 2px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 2px;
  margin:13px 10px 0 10px
}
.magazine-002{
  font-size : 14px;
  font-weight:bold;
  color : #36C;
  margin-bottom : 3px;
  margin:10px 0 0 0
}