@charset "utf-8";

@import url(contents.css);
@import "global.css";

/******************************************************************************
cmn
******************************************************************************/

body{
	color:#333;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica;
	}

p{
	word-wrap:break-word;
}

#all{
	text-align: left;
	width:830px;
	margin: 0 auto;
	}
	
#wrap{ /*2010/03/05 edited by ss+ kumagai */
	background:url(../img/bg_contents.gif) left top repeat-y;
	padding:0 0 20px 0;
	}
	
a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	color:#339999;
}

#column a {
	color:#339999;
}
/******************************************************************************
class
******************************************************************************/

.f-left{float: left;}
.f-right{float: right;}
.t-left{text-align: left!important;}
.t-right{text-align: right!important;}
.t-center{text-align: center!important;}
.t-justify{
	text-align: justify;
	text-justify: inter-ideograph; 
	line-break: strict;	
}

.vat { vertical-align: top!important;}
.vam { vertical-align: middle!important;}
.vab { vertical-align: bottom!important;}

.t-left td {text-align: left!important;}


.alpha{
	filter: alpha(opacity=0.);
	opacity: 0.;
	-moz-opacity: 0.;	
}
*html .png{
	behavior: expression(IEPNGFIX.fix(this));
}
.imgover{
	/* rollover */
}

/* margin
-----------------------------------------------------------------------------*/
.mb-05{margin:0 0 5px 0!important;}
.mb-10{margin:0 0 10px 0!important;}
.mb-15{margin:0 0 15px 0!important;}
.mb-20{margin:0 0 20px 0!important;}
.mb-25{margin:0 0 25px 0!important;}
.mb-30{margin:0 0 30px 0!important;}
.mb-35{margin:0 0 35px 0!important;}
.mb-40{margin:0 0 40px 0!important;}

.mt-20{margin:20px 0 0 0 !important;}
.mt-5{margin:5px 0 0 0 !important;}

.mr-5{margin:0 5px 0 0 !important;}
.mr-10{margin:0 10px 0 0 !important;}

.ml-05{margin:0 0 0 5px !important;}
.ml-15{margin-left:15px!important;}


/* padding
-----------------------------------------------------------------------------*/

.pl-10{padding:0 0 0 10px !important;}
.pl-20{padding:0 0 0 20px !important;}
.pt-50{padding:50px 0 0 0 !important;}
.pt-20{padding-top:20px!important;}
.pt-10{padding-top:10px!important;}
.pb-10 { padding-bottom:10px;!important}
.pr-05 { padding-right: 5px!important;}

/*--幅設定--*/
.w40{width:40px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w100{width:100px !important;}
.w140{width:140px !important;}
.w200{width:200px !important;}
.w220{width:220px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w280{width:280px !important;}
.w320{width:320px !important;}
.w400{width:400px !important;}

/* color
-----------------------------------------------------------------------------*/
.cl-red{color:#bb0000;}
.cl-blue{color:#0000bb;}
.cl-green{color:#00bb00;}
.cl-green2{color: #006600;}

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

#header{
	background:url(../img/bg_haeder.gif) left top no-repeat;
	height:62px;
	margin:0 0 10px 0;
	position:relative;
	font-size:12px;
}

#header h1 a{
	display:block;
	text-indent:-999px;
	overflow:hidden;
	width:195px;
	height:60px;
	background:url(../img/logo.gif) left top no-repeat;}

/* search
-----------------------------------------------------------------------------*/

#header dl{  /*2010/03/05 edited by ss+ kumagai */
	position:absolute;
	right:280px;
	bottom:5px;
}

#header dt{
	float:left;
	padding:3px 5px 0 0;
	font-weight:bold;
}

#header dd{
	float:left;
	background:url(../img/bg_search.gif) left top no-repeat;
	padding:3px;
}

#header dd form{
	padding:0;
}

#header dd input{
	border:0;
	padding:0;
	margin:0;
	display:block;
	float:left;
}

#header dd #keywords{
	width:188px;
}

#header ul{
	position:absolute;
	bottom:0;
	right:0;
}

#header ul li{ /*2010/03/05 edited by ss+ kumagai */
	float:left;
	margin:0;
	padding:0 10px;
	line-height:32px;
	background:url(../img/line_02.gif) left top repeat-y;
}

li.noline {
	background:none!important;}
/******************************************************************************
contents
******************************************************************************/

#contents{
	width:592px;
	float:right;
	font-size:1.2em;
	line-height:1.7;
}

#inner{
	padding:0 0 0 20px;
}

#inner-02{
	padding:0 0 0 30px;
	position: relative;
}

#column{
	padding:0 0 0 10px;
}



/* bread
-----------------------------------------------------------------------------*/

#bread{
	margin:0 0 40px 0;
}

#bread li{
	float:left;
	background:url(../img/arrow_02.gif) left center no-repeat;
	padding:0 10px 0 15px;
	font-size:0.9em;
}

#bread li.home{
	background:none;
	padding:0 10px 0 0;
}

/* title
-----------------------------------------------------------------------------*/

#contents .contents-title{
	background:url(../img/ttl_02.gif) left top no-repeat;
	/*color:#699997;*/
	color: #699997;
	height:28px;
	padding:0 12px;
	line-height:28px;
	margin:0 0 20px 0;
}

#contents h3-title-01{
	border: double 2px #D6D6D6;
	margin:0 0 10px 0;
	background:#969696;
	padding:3px 10px;
	color:#ffffff;
}

#contents .title-01{
	border:1px #d6d6d6 solid;
	padding:1px;
	margin:0 0 10px 0;
}

#contents .title-01 span{
	display:block;
	background:#969696;
	padding:3px 10px;
	color:#ffffff;
}

#contents .title-02{
	color:#699997;
	/*color: #272e66;*/
	margin:0 0 10px 0;
	font-size: 1em;
}

#contents .title-03{
	border-top:2px #bbbbbb solid;
	border-bottom:1px #bbbbbb solid;
	padding:2px 0;
	margin:0 0 10px 0;
}

/* box-free
-----------------------------------------------------------------------------*/

#contents .box-free ul,
#contents .box-free ol{
	margin:0 0 0 20px;
}

#contents .box-free ul li{
	list-style:disc;
}

/*#contents .box-free table{
	width:100%;
	border-left:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-collapse:collapse;  
	border-spacing:0;
}
*/
#contents .box-free th,
#contents .box-free td{
	/*border-top:1px #ccc solid;
	border-right:1px #ccc solid;
	padding:5px 10px;
	text-align:left;*/
}

/*#contents .box-free th{
	background:#eeeeee;
}
*/

.trColor {
	background-color:#f7f7f7;
}


/******************************************************************************
sidemenu
******************************************************************************/

#sidemenu{
	width:238px;
	float:left;
}

/* global-menu
-----------------------------------------------------------------------------*/

#global-menu{
	background:#333;
	padding:0 10px 10px 10px;
	font-size:1.4em;
}

#global-menu li{
	padding:10px;
	border-bottom:1px #888 solid;
}

#global-menu a{
	color:#fff;
}

/* sidemenu banner
-----------------------------------------------------------------------------*/

#sidemenu .banner{ /*2010/03/05 edited by ss+ kumagai */
	padding:20px 20px 0 20px;
}

#sidemenu .banner li{
	font-size:0;
	line-height:0;
	vertical-align:middle;
	margin:0 0 5px 0;
}

/* sidemenu box-01
-----------------------------------------------------------------------------*/

#sidemenu .box-01{ /*2010/03/05 edited by ss+ kumagai */
	font-size:1.2em;
	background:url(../img/line_01.gif) left bottom repeat-x;
	padding:15px 10px 15px 20px;
}

#sidemenu .box-01 li{
	margin:0 0 5px 0;
}

#sidemenu .box-01 li a{
	background:url(../img/arrow_01.gif) left 0.3em no-repeat;
	padding:0 0 0 12px;
}

#sidemenu .box-01 .flashbook{
	background:url(../img/flashbook.gif) right center no-repeat;
}

#sidemenu .box-01 p{
	font-weight:bold;
	margin:0 0 10px 0;
}

#sidemenu .box-01.last{
	margin:0;
	background:none;
}

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

#footer{
	margin-top:20px;
	font-size:1.1em;
}

#footer ul{
	float:right;
	border-top:1px #d6d6d6 solid;
	width:500px;
	padding:0 20px;
}

#footer ul li{
	float:right;
	padding:5px 10px;
	border-left:1px #d6d6d6 solid;
}

#footer ul li.bd-none{
	border:none;
}

.scroll {
	clear: both;
	text-align: right;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}