body{

	color: #111;/*テキストの色*/
	margin: 0px;
	padding: 0px;
	background: #f5f5f5;/*背景の色*/
	text-align:center;
	line-height:1.4;

}

/* -------------------新規に追加したCSS -------------------*/

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper {
/*	width: 1000px ;	*/
	margin: 0 auto ;	/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;	/* 上下左右の余白を0にしておく */
}

/* 画像可変 */
img{
     max-width: 100%;
     height: auto;
}
/* -------------------新規に追加したCSS -------------------*/

/* リンク指定 */

a:link {
  color: #0000ff;
}

a:visited {
/*  color: #660066;	*/
  color: #0000ff;
}

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


#header
	{
	height:120px;
	width:800px;
	background:url("../img/banner_ne.gif") no-repeat; 
	float:left;	/*　ヘッダー空けないように　*/
	}


h1,h2,h3,h4,p
	{
	margin:0;
	padding:0;
	}

h1 
	{
	font-size: 24px;
	color: #000; /* ●色変更１● */
	margin: 15px 0 5px 20px;
	padding-center:0px;
	border-left:9px #333;
	}

h2
	{
	color: #fff; /* 文字の色 ●色変更２● */
	border-width: 0px 0px 0px 10px; /* 枠の幅 */
	border-style: solid; /* 枠の種類 */
	border-color: #c4002c; /* 枠の色 ●色変更３● */
	line-height: 200%; /* 行の高さ */
	background:#db3c98; /* 背景の色●色変更４● */
	font-size: 16px;
	margin: 10px 0px 10px;
	padding: 2px 0px 0px 0px;
 	text-indent:5px;  
	}
	
h3
	{
	color: #fff; /* 文字の色 ●色変更２● */
	border-width: 0px 0px 1px 10px; /* 枠の幅 */
	border-style: solid; /* 枠の種類 */
	border-color: #c4002c; /* 枠の色 ●色変更３● */
	line-height: 150%; /* 行の高さ */
	background:#db3c98; /* 背景の色●色変更４● */
	font-size: 16px;
	margin: 10px 0px 10px;
	padding: 2px 0px 0px 0px;
 	text-indent:5px;  
	}


h4
	{
	color: #fff; /* 文字の色 ●色変更２● */
	border-width: 0px 0px 2px 8px; /* 枠の幅 */
	border-style: dotted; /* 枠の種類 */
	border-color: #c4002c; /* 枠の色 ●色変更３●  */
	line-height: 110%; /* 行の高さ */
	font-size: 14px;
	margin: 10px 0px 10px;
 	text-indent:10px;  
	}


div.pan                              /* パンくず部分 */
	{
/*	width: 540px; */
/*	height: 10px;  */
	font-size: 80%;
	letter-spacing: 0.05em;
	margin: 0px 0px 0px 5px;
	padding-top:5px; 
	}

p {
	font-size: 13px;
	line-height: 180%;
	margin-left:0.5em; margin-right:0.5em;
}

.ad
	{
	padding:10px 10px 10px 10px;
	background:#fff;
	}

#footer 
	{
	margin-top:20px;
	border-top:7px solid #db3c98;/*フッターの色 ●色変更４● */
	height: 50px;
	padding-top:10px;
	padding-right:25px;
	text-align: center;
	clear:both;
	font-size: 12px;
	background:#fff;
	}


a	{
	color: #000;
	text-decoration: none;
	}
    
#header p
	{
	font-size:13px;
	color: #000; /* ヘッダー説明文の色●色変更１● */
	padding: 0 20px 0 20px; 
	}

#side {
	border:none;
	padding:0px;
	font-size: 13px;
	float:right;
	width: 218px;
	margin-right: 0px;
}

#contents {
	margin: auto;  
	text-align:left;
	width:800px;
	background-repeat: repeat-y; 
	background: url(../img/sidebar_220p.gif) repeat-y right; /* 背景画像 */
	background-color: #ffffff;
	border: 1px solid #cccccc;
}


#main {
	float:left;
	width: 570px;
	padding-left: 0px;

}


div.menu-01                              /* サイドメニュー */
	{
	margin: 10px 0 10px 0;
	border: 1px #db3c98 solid;  /* 枠の色●色変更４● */
	background-color: #ffffff;
	}

div.menu-02                              /* サイドメニュー項目欄 */
        {
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.3em 0.9em;
        color: #ffffff;
	background-color: #db3c98; /* カテゴリーの色●色変更４● */
	}

p,ul { margin-top:0.5em; margin-bottom:0.5em; } 

ul.list_a {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.list_a li
	{
	list-style: none;
	margin: 2px 0px 2px 2px;
	padding-left: 12px;
	line-height: 160%; /* 行の高さ */
  	color: #db3c98;　/* 文字の色 ●色変更４●*/
	background: url(img/list_tg.gif) no-repeat center left;
}


/*  top page用の設定  */

h2.top
	{
	color: #fff; /* 文字の色 ●色変更２● */
	border-width: 0px 0px 1px 10px; /* 枠の幅 */
	border-style: solid; /* 枠の種類 */
	border-color: #c4002c; /* 枠の色 ●色変更３● */
	line-height: 150%; /* 行の高さ */
	background:#db3c98; /* ●背景の色４● */
	font-size: 16px;
	margin: 10px 0px 10px;
	padding: 2px 0px 0px 0px;
 	text-indent:5px;  
	}
	
h3.top
	{
	color: #fff; /* 文字の色 ●色変更２● */
	border-width: 0px 0px 1px 10px; /* 枠の幅 */
	border-style: solid; /* 枠の種類 */
	border-color: #c4002c; /* 枠の色 ●色変更３● */
	line-height: 150%; /* 行の高さ */
	background:#db3c98; /* ●背景の色４● */
	font-size: 16px;
	margin: 10px 0px 10px;
 	text-indent:5px;  
	}

div.line
	{
	/* 枠の幅 */
	/* 枠の種類 */
	/* 枠の色 ●色変更● */
	border-top-width:
	}
a.none:hover
	{
	/* ヘッダーにリンク飾りなし */
	text-decoration: none;
	}

div.sidead
	{
	padding: 10px 5px 10px 5px;
	}
	
/* -------------------スマホだけに適用するCSS -------------------*/
@media screen and (max-width:479px){

	/* ボディ */
	body {
		font-size: 13px ;	/* 文字サイズ */
	}

	.wrapper {
		width: auto ;
		padding: 0 10px ;	/* 左右の余白 */
	}

#header
	{
	background:url("../img/banner_ne.gif") no-repeat;
	background-size:100%;
	max-width: 100%;
    height: auto;
  	float:left;
	}

h1 
	{
	font-size: 18px;
	color: #000; /* ●色変更１● */
	margin: 8px 50px 5px 10px;
	border-left:9px #333;
	line-height: 120%; /* 行の高さ */
	}

#header p
	{
		display: none ;	
	}
	

#contents {
		width: auto ;
		background: none; /* 背景画像 */

}

#main {
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

#side {
		width:100% ;
	}



}
/* -------------------スマホだけに適用するCSS -------------------*/