@charset "utf-8";

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
}

/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	margin-right: 6px;
	margin-left: 6px;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	position: static;
	height: auto;
}
/*h1ロゴの設定*/
header h1 {
	position: static;
	width: 100%;
	padding: 30px 0px;
	border-radius: 0;
}

/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: none;
	width: auto;
	padding-top: 150px;
}

/*subコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: none;
	width: auto;
}

/*左側のメインメニュー
---------------------------------------------------------------------------*/
nav.mainmenu ul li a {
	width: 90%;		/*メニューの幅*/
	text-decoration: none;
	display: block;
	background: rgba(255,255,255,0.7) url(../images/arrow1.png) no-repeat 10px center;/*左のカンマ区切りの4つの数値は、左3つはRGBカラーでの色指定で4つめは透明度(0.7＝70％)。背景画像の読み込み、リピートしない、左から10px、上下中央に配置。*/
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	border-radius: 5px;			/*角丸のサイズ*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	margin-bottom: 1em;	/*左から、上、右、下、左への余白*/
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
}
/*マウスオン時の設定*/
nav.mainmenu ul li a:hover {
	background: #f7f4cc url(../images/arrow1.png) no-repeat 12px center;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/
	border: 1px solid #818181;	/*枠線の幅、線種、色*/
}

/*service2.html（サービス詳細ページ）
---------------------------------------------------------------------------*/
/*写真の設定*/
#main img.wa {
	width: 100%;
	height: auto;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}

/*subコンテンツを表示させない為の設定
---------------------------------------------------------------------------*/
body.sdn #sub {
	display: none;
}
body.sdn #main {
	padding-top: 33px;
}
body.sdn {
	background: none;
}

/*アコーディオンメニュー
---------------------------------------------------------------------------*/

p.acMenu {
	width: 90%;
	text-align: left;
	border: 1px dotted #CCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 3px;
}

h3.accordion{
	width: 90%;		/*メニューの幅*/
	text-decoration: none;
	display: block;
	background: rgba(255,255,255,0.7) url(../images/arrow1.png) no-repeat 10px center;/*左のカンマ区切りの4つの数値は、左3つはRGBカラーでの色指定で4つめは透明度(0.7＝70％)。背景画像の読み込み、リピートしない、左から10px、上下中央に配置。*/
	border: 1px solid #c9c9c9;	/*枠線の幅、線種、色*/
	border-radius: 5px;			/*角丸のサイズ*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	margin-bottom: 1em;	/*左から、上、右、下、左への余白*/
	font-weight: normal;
	color: #F8B0BA;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
 }
 
 /* アイテム画像表示 */
 
 
 /*　購入ボタン　*/
.classname{
	font-size: 12px;
}