@charset "utf-8";

* {

	margin 				: 0 ;
	padding 			: 0 ;
	border-width		: 0 ;
	font-size 			: 100% ;
	font-style 			: normal ;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


body {
	width				: 100%;
	line-height			: 150%;
	background-color	: #BCBCBC;
	color				: #000000;
}


a:link			{color:#000000;}
a:visited 		{color:#000000;}
a:hover 		{
	color: #FF0000;
	/*text-align: right;*/
}

a		{
	
	text-decoration	:none;
	
}

	
.c-head 	{
	
	display: none ;
	
}


img {
  display: block;
}/*イメージの下に空白が出来たため*/



#wrapper {
	margin				: auto;
	width				: 640px;
	background-image	: url(../img/page-back.png);
	background-repeat	: no-repeat;
	background-color	: #FFFFE7;
}


#navi {
	height				: 150px;
	background-image	: url(../img/phone/navi-phone-back.png);
	/*background-color	: #FFFFFF;*/
	padding				: 0px 12px 0px 12px;
}


	#navi ul	{
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	height				: 150px;
	overflow			: hidden;
	
}		

	#navi li	{
	width				: 200px;
	height				: 65px;
	float				: left;
	margin              : 5px 5px 5px 0px;
	list-style-image    : none;
	list-style-type     : none;
	text-align			: center;
	background-color	: #ffff99;
}

	#navi li a {
	width				: 200px;
	height				: 40px;
	background-image    : url(../img/phone/navi-phone.png);
	display             : block;
	padding         	: 22px 0px 5px 0px;
	text-decoration     : none;
	text-align			: center;
	color               : #000000;
	font-size           : 16px;
}

	#navi li a:hover {
	color               : #ffffff;
	background-color    : #6666ff;
}


#sub-navi {
	
	width				: 250px;
	margin				: 5px 0px 10px 0px;
	background-image	: url(../img/back.png);
	
}


	#sub-navi ul	{

	list-style-type		: none;
	margin				: 0px 0px 5px 0px;
	padding				: 0px ;
	overflow			: hidden;
	
}		

	#sub-navi li	{
	width				: 230px;
	height				: 60px;
	float				: left;
	margin				: 5px 10px;
	list-style-image    : none;
	list-style-type     : none;
	text-align			: center;
	background-color	: #FFFFFF;	
	
}

	#sub-navi li a {
	width				: 230px;
	height              : 25px;
	background-image    : url(../img/back.png);
	/*background-color    : #FFFFFF;*/
	display             : block;
	padding-top         : 5px;
	padding-bottom      : 5px;
	text-decoration     : none;
	text-align			: center;
	color               : #000000;
	font-size           : 16px;
}

	#sub-navi li a:hover {
	color               : #FFFFFF;
	background-color    : #9DBDFF;
}


#header	{
	height				: 400px;
	background-image	: url(../img/phone/otcp-phone.png);
	background-position	: center;
	background-repeat	: no-repeat;
	background-color    : #000000;
}


#otcp-title	{
	height				: 100px;
	background-image	: url(../img/phone/top-phone.png);
	/*background-position	: center;*/
	/*background-repeat	: no-repeat;*/
}


#otcp-top	{
	
	height				: 150px;
	background-image    : url(../img/phone/otcp-phone-toppage.png);
	
}




#container		{

	background-color    : #BCBCBC;
	/*height				: 500px;
	background-image	: url(../start-site/2nd_back.jpg);
	background-position : bottom;
	background-repeat   : no-repeat;
	background-color    : #ffffff;*/	
			
}



#contents-l		{

	width				: 650px ;
	float				: left ;
	/*background-image	: url(../img/side.png);	
	background-repeat	: no-repeat;*/
	clear				: both ;
		
}


#contents-r		{

	width				: 650px ;
	float				: left ;
	background-color    : #ffffff;
	/*margin-bottom		: 10px ;*/
					
}


 #contents-f	{
  
	 width				: 90% ;
	 float				: right ;
	 background-image	: url(../img/back.png);
	 /*margin-bottom		: 10px ;*/
					  
}


#footer			{
	
	height				: 55px;
	background-image	: url(../img/phone/footer-phone.png);
	background-position :right;
	background-repeat	: no-repeat;
	font-size 			: 90% ;
	padding				: 10px 30px 0px 30px;
	margin				: 0px 0px ;
	background-color	: #ffff99 ;
}


p						 {

	font-size 			: 95% ;
	padding				: 0px 5px ;
	margin				: 5px 10px 5px 30px ;
}


h1			{
	font-size : 150%;
	background-color: #66CCFF ;
	color : #333333;
	padding : 5px;
	/*margin : 10px 0px 5px 0px;*/
	/*border: 1px #0099CC solid ;*/
}


h2			{
	font-size 			: 125%;
	/*background-color 	: #ffffff;*/
	color				: #000000;
	margin 				: 10px 0px 5px 0px;
	padding 			: 0px 10px;
	clear				: both;
	/*border: 1px #0099CC solid ;*/
}


h3			{
	font-size 			: 105%;
	background-color	: #FFE786;
	color				: #A35A00;
	padding				: 5px 15px;
	margin				: 0px 2px 5px 2px;
	clear				: both;
	border				: 1px solid #FB9026;
}

h4			{

	font-size 			: 100% ;
	height				: 15px ;
	background-color	: #C4FFC4 ;
	color				: #400000;
	padding				: 5px 15px;
	margin				: 0px 0px 5px 20px;
	border-bottom		: solid 1px #008080 ;

}


.contents				 {

	font-size 			: 110% ;
	padding				: 5px 5px 5px 50px ;
	background-image	: url(../img/back.png);

}


table {


	
	border-width		: 1px ;
    margin-left			: 3em ;
    font-size 			: 90% ;

}



th {
	text-align			: center;
	padding				: 0.5em;
	background-color	: #EFEFEF;
	border-style		: solid;
	border-width		: 1px;
	border-color		: #00CCFF;
}


td {

 	
	text-align			: left ;
	padding				: 0.5em ;
	background-color	: #FFFFFF;
	border-style		: solid ;
	border-width		: 1px ;
	border-color		: #00CCFF ;
	
}



.red {
	
	color: #F00;
	
}

.boldface				{

	text-decoration		: normal ;
	font-weight			: bold ;
	font-size			: 120% ;
	color				: #000000 ;

}



hr {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ffffff;
	border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
	clear: both;
}




iframe	{
	
	float				: left ;
	/*margin				: 10px 0px;*/
	
}

.info	{
	
	width				:900px ;
	height				:1000px ;
		
}

.cl		{


	clear				: both;

}

.left-img				{

	float				: left ;
	margin				: 0px 10px 5px 30px;
	border				: solid 1px #008080 ;

}

.catch				 {

	font-size 			: 110% ;
	padding				: 5px 5px 5px 20px ;
	text-decoration		: normal ;
	font-weight			: bold ;
	color				: #000080 ;
	background-image	: url(../img/back.png);

}