/***************************************************************/
/***************************************************************/
/*******						********/
/*******		スマホ用ＣＳＳ			********/
/*******						********/
/***************************************************************/
/***************************************************************/

/*ページのレイアウト用css*/
body{	
	/*background-image:url(image/b021-2.gif);	/*壁色と壁紙設定*/ */
	/*background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/ */
	background-color:#ffffff;
	font:"sans-serif";
	font-size: 16px;
	color: #333333;
	margin:0px;
	padding:0px;
	}


/*文字の設定*/
h1{	
	font-size:70%;
	letter-spacing: 2px;
	padding-left:10px;
	margin: 0px;
	}


h2{     
	font-size:150%;
	border: solid 2px #cccccc;
        color:#ffffff;
	background-image:url(image/menu_ak2.png);
	line-height: 35px;
	  padding-left:10px;
	  margin-top: 10px;
	  margin-bottom: 1px;
	}

h22{     
	font-size:150%;
	border: solid 2px #cccccc;
        color:#ffffff;
	background-image:url(image/menu_ak2.png);
	height:70px;
	line-height: 35px;
	  padding-left:10px;
	  margin-top: 10px;
	  margin-bottom: 1px;
	}

p{      
	font-size:100%;/*全体の文字サイズ*/
	line-height:150%;/*全体で使う、文字と文字の行間*/
	}

p img{	
	float:left;
        margin-left:5px;  /*写真の左にスペースを空ける*/
	margin-right:15px;  /:写真と文字の間隔*/
	}


a{      
/**	color:#FFFFFF;	**/
	text-decoration:none;
	}

a:hover {
	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
	}


h1 a{	
	color:#FFFFFF;
	font-weight:normal;
	}


#contents{
	width:450px;
	margin:0 auto; 
/*	background-image:url(image/main.gif);/*コンテンツ内の背景(サイズをぴったりにすること）*/	*/
	background-repeat:repeat-y;   /*縦に繰り返し*/
	position:relative;
	font-size:80%;
	}


/*ヘッダー部分の設定*/
#header{
	background-image:url(image/st4_ak.png); /*ヘーダー*/
	background-position:top right;
	background-repeat:repeat;
	height:145px; /*ヘーダーの高さ*/
	}

#header p {
	font-size: 25px;
        color:#ffffff;
	padding-top: 5px;
	padding-left: 10px;
	}


/*上部メニューボタンの設定*/
#navbar{
	width:100%;
	height:45px;
	position:absolute;
	top:100px;
	left:0px;
	}

#navbar ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:45px;
	letter-spacing:2px;
	width:100%;  /*メニューボタンの幅*/
	}

#navbar li{
	float:left;
	text-align:center;
	padding:0;

	}

#navbar ul a:hover{
   	background-image:url(image/nav2.gif);	/*メニューボタンにカーソルが来た時に背景画像をこれにする*/
	}

#navbar .navli a{
	color:#ffffff;/*メニューボタンの文字の色*/
	display:block;
	  }

#navbar .navli2 a{
	color:#ffffff;/*メニューボタンの文字の色*/
	display:block;
	  }

#navbar .navlir a{
	color:#8E0036;/*現在頁の文字の色*/
	display:block;
	  }

#navbar a:hover{
	color:#8E0036; /*メニューの文字がカーソルが来た時、この色に変わる*/
	}


/*メイン部分の設定*/

#main{
	width:450px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-size:16px;
	}

#main p {
	margin-left:32px;
	margin-right:32px;
	}





/*　フッター　*/
#footer{
	width:450px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-size:16px;
	}
	
#footer p {
	text-align: center;
	}



.navli{
	background-image:url(image/nav3index_ak.gif);  /*上部メニューのボタンの背景*/
	width:150px;  /*メニューボタンの幅*/
	display:block;
	}

.navli2{
	background-image:url(image/nav3index_ak.gif);  /*上部メニューのボタンの背景*/
	width:150px;  /*メニューボタンの幅*/
	display:block;
	}

.navlir{
	background-image:url(image/nav2.gif);	/*上部メニューのボタンの背景*/
	width:150px;  /*メニューボタンの幅*/
	display:block;
	}


/***********************	追加設定	************************************/

.td100c {
	text-align: center;
	background-color: #8588EC;
	width:100px;
	}

.td100c2 {
	text-align: center;
	background-color: #CCCCCC;
	width:100px;
	}

.td100l {
	text-align: left;
	background-color: #CCCCCC; 
	width:100px;
	}

.td120c {
	text-align: center;
	background-color: #8588EC;
	width:120px;
	}

.td130c {
	text-align: center;
	background-color: #8588EC;
	width:130px;
	}

.td130c2 {
	text-align: center;
	background-color: #CCCCCC;
	width:130px;
	}

.td130l {
	text-align: left;
	background-color: #CCCCCC; 
	width:130px;
	}

.td140c {
	text-align: center;
	background-color: #8588EC;
	width:140px;
	}

.td150c {
	text-align: center;
	background-color: #8588EC;
	width:150px;
	}

.td150c2 {
	text-align: center;
	background-color: #CCCCCC;
	width:150px;
	}

.td150l {
	text-align: left;
	background-color: #CCCCCC; 
	width:150px;
	}


.td170c {
	text-align: center;
	background-color:#8588EC;
	width:170px;
	}

.td180c {
	text-align:center;
	background-color:#8588EC;
	width:180px;
	}


.td180c2 {
	text-align: center;
	background-color:  #CCCCCC;
	width:180px;
	}


.td180l {
	text-align: left;
	background-color: #CCCCCC; 
	width:180px;
	}



.td200c {
	text-align: center;
	background-color: #8588EC;
	width:200px;
	}

.td200c2 {
	text-align: center;
	background-color:  #CCCCCC;
	width:200px;
	}


.td200l {
	text-align: left;
	background-color: #CCCCCC; 
	width:200px;
	}

.td210cw {
	text-align: center;
	background-color: #FFFFFF;
	width:210px;
	}

.td210c {
	text-align: center;
	background-color: #8588EC;
	width:210px;
	}

.td210l {
	text-align: left;
	background-color: #FFFFFF;
	width:210px;
	}


.td220c {
	text-align: center;
	background-color: #8588EC;
	width:220px;
	}

.td220c2 {
	text-align: center;
	background-color:  #CCCCCC;
	width:220px;
	}


.td220l {
	text-align: left;
	background-color: #CCCCCC; 
	width:220px;
	}

.td230c {
	text-align: center;
	background-color: #8588EC;
	width:230px;
	}

.td230c2 {
	text-align: center;
	background-color:  #CCCCCC;
	width:230px;
	}

.td230l {
	text-align: left;
	background-color: #CCCCCC; 
	width:230px;
	}

.td250c {
	text-align: center;
	background-color: #8588EC;
	width:250px;
	}

.td250c2 {
	text-align: center;
	background-color:  #CCCCCC;
	width:250px;
	}


.td250l {
	text-align: left;
	background-color: #CCCCCC; 
	width:250px;
	}

.td270l {
	text-align: left;
	background-color: #CCCCCC; 
	width:270px;
	}

.td270c {
	text-align: center;
	background-color: #8588EC;
	width:270px;
	}

.td270c2 {
	text-align: center;
	background-color: #CCCCCC; 
	width:270px;
	}

.td280l {
	text-align: left;
	background-color: #CCCCCC; 
	width:280px;
	}

.td280c {
	text-align: center;
	background-color: #8588EC;
	width:280px;
	}

.td280c2 {
	text-align: center;
	background-color: #CCCCCC; 
	width:280px;
	}


.td290l {
	text-align: left;
	background-color: #CCCCCC; 
	width:290px;
	}

.td290c {
	text-align: center;
	background-color: #8588EC;
	width:290px;
	}

.td290c2 {
	text-align: center;
	background-color: #CCCCCC; 
	width:290px;
	}

.td300l {
	text-align: left;
	background-color: #CCCCCC; 
	width:300px;
	}



.td310l {
	text-align: left;
	background-color: #CCCCCC; 
	width:310px;
	}


.td330l {
	text-align: left;
	background-color: #CCCCCC; 
	width:330px;
	height:40px;
	}

.td330c {
	text-align: center;
	background-color: #8588EC;
	width:330px;
	height:40px;
	}

.td330c2 {
	text-align: center;
	background-color: #CCCCCC; 
	width:330px;
	height:40px;
	}
.td420cw {
	text-align: center;
	background-color: #FFFFFF;
	width: 420px;
	}

.td420c {
	text-align: center;
	background-color: #8588EC;
	width:420px;
	}

.td420l {
	text-align: left;
	background-color: #FFFFFF;
	width: 420px;
	font-size: 16px;
	}

.td420ltop {
	color: #4b0082;
	font-size: 12px;
	text-align: left;
	width:420px;
	font-weight: bold;
	line-height: 8px;
	}


.td420r {
	text-align: right;
	background-color: #FFFFFF;
	width: 420px;
	}


.td430cw {
	text-align: center;
	background-color: #FFFFFF;
	width: 430px;
	}

.td430c {
	text-align: center;
	background-color: #8588EC;
	width:430px;
	}

.td430l {
	text-align: left;
	background-color: #FFFFFF;
	width: 430px;
	}

.td430ltop {
	color: #4b0082;
/**	font-size: 12px;	 **/
	text-align: left;
	width:430px;
	font-weight: bold;
/**	line-height: 8px; 	**/
	}


.td430r {
	text-align: right;
	background-color: #FFFFFF;
	width: 430px;
	}


.td450l {
	color: #4b0082;
	font-size: 12px;
	text-align: left;
	width:450px;
	font-weight: bold;
	line-height: 8px;
	}

.td450lmin {
	color: #4b0082;
	font-size: 10px;
	text-align: left;
	width:450px;
	font-weight: bold;
	line-height: 8px;
	}


#slide {
	width:450px;
	height:240px;
	margin:0px auto;
	position:relative;
	}

#slide img {
	position:absolute;
	left:0px;
	top:0px;
}