/* CSS Document */

/*smc*/

/**********

 base tag
 
 **********/
body {
	margin:0;
	padding:0;
	/*text-align:center;*/
	color:#333;
	font-family: Verdana, Arial, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
 /*Firefox、Safari、Opera & Mac IE5*/
 *font-size:small;
 /*Win IE7 & Win IE6 standard mode*/
 *font:x-small;
 /*Win IE 5-5.5､6 interchangeablity mode*/
	line-height:1.5;
	font-weight:normal;
	font-style:normal;
　　}

html {
	overflow-y:scroll;
    }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0;
    }

object,embed {
	vertical-align:top;
    }
legend {
	display:none;
    }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
    font-weight:normal;
    }
img,abbr,acronym,fieldset {
	border:0;
    }
ul,ol {
	list-style-type:none;
    }

:link,:visited {
    text-decoration:none;
    }

table {
    border-spacing:0;
    font-size:inherit;
    font:100%;
    }

fieldset,img,abbr,acronym {
    border:0;
    } 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
    /* font-weight: normal; */
    }
caption,th {
  text-align:left;
    }
q:before,q:after {
    content: '';
    }
a {
    text-decoration:underline;
    outline:none;
    }
a img,:link img,:visited img {
    border: none;
    }

a:link {color:#0B62EB;text-decoration:none;}
a:visited {color:#0B62EB;text-decoration:none;}
a:active {color:#0B62EB;text-decoration:underline;}
a:hover {color:#0B62EB;text-decoration:underline;}

	
/******

 container

 ******/
	
#container
	{
	width:940px;
	margin:10px auto 20px auto;
	}	
		
/******

menu

 ******/
 
#menu {
	width: 931px;
	height: 57px;
	margin: 0 auto;
	padding: 0 0 0 5px;
}
#menu ul, ul li, ul li a {
	margin: 0;
	padding: 0;
}
#menu ul {
	list-style: none;
}
#menu ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#menu ul li a {
	width: 239px;
	height: 40px;
	margin: 0;
	padding: 17px 0 0 70px;
	text-align: left;
	font-size: 131%;
	font-weight: bold;
	display: block;
}
#menu li#menu_vol01 a {
	color: #666666;
	background: url(images/menu_vol01.gif) 0 0 no-repeat;
}
#menu li#menu_vol02 a {
	color: #666666;
	background: url(images/menu_vol02.gif) 0 0 no-repeat;
}
#menu li#menu_vol03 a {
	color: #666666;
	background: url(images/menu_vol03.gif) 0 0 no-repeat;
}
#menu li#menu_vol01 a:hover {
	color: #FFF;
	background: url(images/menu_vol01-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}
#menu li#menu_vol02 a:hover {
	color: #FFF;
	background: url(images/menu_vol02-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}
#menu li#menu_vol03 a:hover {
	color: #FFF;
	background: url(images/menu_vol03-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}
#menu li#menu_vol01-hover a {
	color: #FFF;
	background: url(images/menu_vol01-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}
#menu li#menu_vol02-hover a {
	color: #FFF;
	background: url(images/menu_vol02-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}
#menu li#menu_vol03-hover a {
	color: #FFF;
	background: url(images/menu_vol03-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}

/******

contents

 ******/
	
#contents01
	{
	clear: both;
	width:920px;
	margin:0;
	padding:0;
	border: solid 10px #EB8C00;
	background:url(images/bg_left01.gif) repeat-y 0 0;
	}

#contents02
	{
	clear: both;
	width:920px;
	margin:0;
	padding:0;
	border: solid 10px #E66E82;
	background:url(images/bg_left02.gif) repeat-y 0 0;
	}
	
#contents03
	{
	clear: both;
	width:920px;
	margin:0;
	padding:0;
	border: solid 10px #2891D2;
	background:url(images/bg_left03.gif) repeat-y 0 0;
	}	

/******

left

 ******/
#left
    {
	width: 265px;
	float: left;
    }
	
#left h1
    {
	width: 265px;
	height: 270px;
    }

#tit-discussion
    {
	margin: 20px auto;
	text-align: center;
	}
	
ul li.discussionInner
    {
	width: 160px;
	margin: 15px auto;
	padding: 15px;
	background-color: #fff;
	}
	
ul li.discussionInner dt
    {
	margin-top: 5px;
	font-size: 100%;
	line-height: 2;
	font-weight: bold;
	}	
		
ul li.discussionInner dd
    {
	font-size: 93%;
	line-height: 1.5;
	}
 
  
/******

right

 ******/	
#right
	{
	width:572px;
	margin:0;
	padding:30px 40px 15px 0;
	float:right;	
	}
#right h2.vol01-h2 {
	margin: 0;
	padding: 0;
	color: #EB8C00;
	font-size: 161.6%;
	line-height: 1.6;
}
#right h2.vol02-h2 {
	margin: 0;
	padding: 0;
	color: #E66E82;
	font-size: 161.6%;
	line-height: 1.6;
}
#right h2.vol03-h2 {
	margin: 0;
	padding: 0;
	color: #2891D2;
	font-size: 161.6%;
	line-height: 1.6;
}
.vol01-title {
	display: inline-block;
	width: 75px;
	margin: 0 10px 0 0;
	padding: 1px;
	line-height: 1.8;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #EB8C00;
	float: left;
}
.vol02-title {
	display: inline-block;
	width: 75px;
	margin: 0 10px 0 0;
	padding: 1px;
	line-height: 1.8;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #E66E82;
	float: left;
}
.vol03-title {
	display: inline-block;
	width: 75px;
	margin: 0 10px 0 0;
	padding: 1px;
	line-height: 1.8;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #2891D2;
	float: left;
}
	
#headCopy
	{
	width: 572px;
	margin: 15px 0 20px 0;
	font-size: 100%;
	line-height: 1.6;
	}
		
#right h3.vol01 {
	color: #EB8C00;
	font-size: 197%;
	font-weight: bold;
}
#right h3.vol02 {
	color: #E66E82;
	font-size: 197%;
	font-weight: bold;
}
#right h3.vol03 {
	color: #2891D2;
	font-size: 197%;
	font-weight: bold;
}
	
.bgTitle01
	{
	width: 572px;
	margin: 22px 0 10px 0;
	padding: 5px 10px;
	background-color: #FFEBE1;
	}

.bgTitle01 h4
	{
	padding-left: 10px;
	font-size: 116%;
	line-height: 1.6;
	font-weight: bold;
	border-left: solid 10px #EB8C00;
	}
	
.bgTitle02
	{
	width: 572px;
	margin: 22px 0 10px 0;
	padding: 5px 10px;
	background-color: #F5E1E6;
	}

.bgTitle02 h4
	{
	padding-left: 10px;
	font-size: 116%;
	line-height: 1.6;
	font-weight: bold;
	border-left: solid 10px #E66E82;
	}	
	
.bgTitle03
	{
	width: 572px;
	margin: 22px 0 10px 0;
	padding: 5px 10px;
	background-color: #DCE6F4;
	}

.bgTitle03 h4
	{
	padding-left: 10px;
	font-size: 116%;
	line-height: 1.6;
	font-weight: bold;
	border-left: solid 10px #2891D2;
	}
	
ul.discussion
   {
	margin: 20px 0;
	}		
	
ul.discussion dl
   {
	clear: both;
	width: 572px;
	margin: 10px 0;
	font-size: 100%;
	line-height: 1.6;
	text-align: left;
	}
		
ul.discussion dt
   {
	display:inline-block;
	width: 60px;
	font-weight:bold;
	color: #888;
	float: left;
	}

ul.discussion dd
   {
	padding-left: 60px;
	}

.imageArea
   {
	width: 572px;
	margin: 15px 0;
	}
			
#bottomLink-inner
   {
	width: 572px;
	margin: 15px 0 0 0;
	padding-top: 7px;
	font-size: 100%;
	line-height: 1.6;
	border-top: dotted 1px #999;
	}

#bottomLink-inner h5
   {
	font-size: 108%;
	line-height: 1.6;
	font-weight: bold;
	}

ul.bottomLink
   {
	margin: 10px 0;
	}		
	
ul.bottomLink li dl
   {
	clear: both;
	width: 572px;
	margin: 6px 0;
	font-size: 100%;
	line-height: 1.6;
	text-align: left;
	}
		
ul.bottomLink li dt.bottomLink01
   {
	display: inline-block;
	width: 50px;
	padding: 1px;
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #EB8C00;
	float: left;
	}
	
ul.bottomLink li dt.bottomLink02
   {
	display: inline-block;
	width: 50px;
	padding: 1px;
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #E66E82;
	float: left;
	}
		
ul.bottomLink li dt.bottomLink03
   {
	display: inline-block;
	width: 50px;
	padding: 1px;
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #2891D2;
	float: left;
	}	
	
ul.bottomLink dd
   {
	padding-left: 60px;
	}
ul.bottomLink dd .text_s
   {
	font-size: 93%;
	}		
			
.pagetop
	{
	clear: both;
	width: 100px;
	padding: 2px 10px;
	font-size: 93%;
	line-height: 1.4;
	color: #fff;
	background-color: #6ac;
	float: right;	
	}
		
.pagetop a:link {color:#fff;text-decoration:none;}
.pagetop a:visited {color:#fff;text-decoration:none;}
.pagetop a:active {color:#fff;text-decoration:none;}
.pagetop a:hover {color:#fff;text-decoration:none;}

.planning
    {
	clear: both;
	width: 900px;
	margin: 10px 0;
	font-size: 93%;
	line-height: 1.4;
	text-align: right;
	}
	
.text-CR {
	font-size:93%;
	line-height:1.4;
}
/******

page-bottom

 ******/
			
.copyright
	{
	width: 940px;
	margin: 3px auto;
	font-size: 93%;　
	line-height: 1.6;
	text-align: center;
	color: #666;
	}
		
	
/*** clear for float area ***/

.clear
	{
	clear: both;
	height: 1px;
	font-size: 1px;
	}