@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
	font: 100% "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	font-size:small;
	background: #FFF5FF;
}

/*containerのスタイル*/

div#container {
	width:768px;
	color:black;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
div#wrapper {
	background: url(../../images/wrapper_bg.jpg) repeat-y;
}
div#header h1 {
	font-size: 11px;
	line-height: 100%;
	color: #666666;
	padding-top: 10px;
	padding-left: 15px;
}
div#side {
	float: right;
	width: 223px;
}
div#side #sideimages {
	height: 260px;
	width: 195px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 20px;
}
div#main {
	float: left;
	width: 545px;
}
div#footerA {
	width: 768px;
	clear: both;
	padding-top: 50px;
}
div#footerB {
	background: url(../../images/footerbg.jpg);
	height: 63px;
	width: 768px;
	clear: both;
}
div#footerB #footermenu {
	width: 700px;
	padding-top: 5px;
	padding-left: 20px;
}
div#footerB ul {
	display: inline;
	list-style: none;
}
div#footerB li {
	display: inline;
	list-style: none;
	color: #FF7083;
}
div#footerB a {
	font-size: 11px;
	color: #FF7083;
	line-height: 150%;
}
div#footerB a:hover {
	font-size: 11px;
	color: #FF3366;
	line-height: 150%;
}
div#main .aka {
	color: #CC0000;
}
div#main .orange {
	color: #FF9900;
}
div#main .blue {
	color: #0066CC;
}


/*--------------------------------------------------------------------
index.html
--------------------------------------------------------------------*/
div#top {
	width: 490px;
	margin-right: auto;
	margin-left: auto;
}
div#top #top01 {
	padding-bottom: 40px;
	padding-top: 10px;
}
div#top #top01 #top01_A {
	width: 486px;
	padding-top: 20px;
	padding-left: 3px;
}
div#top #top01 #top01_B {
	background: url(../../images/top/topA_bg.jpg);
	height: 326px;
	width: 162px;
	float: left;
}
div#top #top01 #top01_A #top01_B img {
	padding-top: 20px;
	padding-left: 25px;
}
div#top #top01 #top01_A #top01_B h3 {
	font-size: 11px;
	line-height: 150%;
	color: #009999;
	padding-left: 20px;
}
div#top #top01 #top01_A #top01_B p {
	font-size: 11px;
	line-height: 150%;
	color: #666666;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 17px;
}
div#top #top01 #top01_A #top01_B a {
	font-size: 11px;
	color: #009999;
	text-decoration: none;
	margin-top: 19px;
	display: block;
	margin-left: 65px;
}
div#top #top02 {
	clear: left;
	padding-top: 40px;
}
div#top #top02 #top02_A {
	float: left;
	height: 279px;
	width: 200px;
	padding-top: 50px;
	padding-right: 15px;
	padding-left: 10px;
}
div#top #top02 #top02_B {
	width: 265px;
	float: right;
}

div#top #top02 p {
	font-size: 11px;
	line-height: 160%;
	color: #666666;
	padding-top: 30px;
	padding-right: 10px;
}



/*--------------------------------------------------------------------
schedule.html
--------------------------------------------------------------------*/
div#schedule {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
div#schedule #scheduleA {
	padding-top: 20px;
}
div#schedule #scheduleA p {
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	padding: 10px;
}
div#schedule #campaign {
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}


/*--------------------------------------------------------------------
goods.html
--------------------------------------------------------------------*/
div#goods {
	width: 471px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
div#goods #gooods_01 {
	width: 471px;
}
div#goods #gooods_01 #goods_01L {
	float: left;
	width: 145px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
}
div#goods #gooods_01 #goods_01L img {
	padding-top: 10px;
}
div#goods #gooods_01 #goods_01R {
	float: right;
	width: 296px;
}
div#goods #gooods_01 #goods_01R p {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
div#goods #gooods_02 {
	width: 471px;
	clear: both;
	padding-top: 50px;
}
div#goods #gooods_02 #goods_02L {
	float: left;
	width: 145px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
}
div#goods #gooods_02 #goods_02L img {
	padding-top: 10px;
}
div#goods #gooods_02 #goods_02R {
	float: right;
	width: 296px;
}
div#goods #gooods_02 #goods_02R p {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
div#goods #goods_03 {
	clear: both;
	height: 34px;
	width: 424px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}




/*--------------------------------------------------------------------
mechanism.html
--------------------------------------------------------------------*/
div#mechanism {
	width: 471px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
div#mechanism #mechanism_01 h3 {
	padding-top: 30px;
}
div#mechanism #mechanism_01 {
	padding-top: 15px;
}
div#mechanism #mechanism_01 #mechanism_photo {
	height: 249px;
	width: 187px;
	float: right;
	padding-top: 20px;
}
div#mechanism #mechanism_01 p {
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 150%;
	color: #666666;
}

div#mechanism ul {
	list-style: none;
	padding-top: 30px;
	line-height: 200%;
	padding-left: 40px;
}
div#mechanism a {
	font-size: 12px;
	color: #666666;
}
div#mechanism a:hover {
	font-size: 12px;
	color: #CCCCCC;
}




/*--------------------------------------------------------------------
experience.html
--------------------------------------------------------------------*/
div #experience {
	width: 518px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
div#experience h2 {
	padding-left: 15px;
}
div#experience #experience_01 {
	background: url(../../images/experience/experience_bg.jpg);
	height: 411px;
	width: 518px;
	margin-top: 10px;
	clear: both;
}
div#experience #experience_01 h3 {
	padding-top: 30px;
	padding-left: 40px;
}
div#experience #experience_01 #experience_01L h4 {
	font-size: 13px;
	color: #666666;
	padding-top: 10px;
}
div#experience #experience_01 #experience_01L {
	width: 154px;
	text-align: center;
	float: left;
	padding-top: 20px;
	padding-left: 40px;
}
div#experience #experience_01 #experience_01R {
	float: right;
	width: 300px;
	padding-right: 20px;
}
div#experience #experience_01 #experience_01R p {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
	padding-right: 10px;
	padding-left: 30px;
	padding-top: 20px;
}
div#experience #campaign {
	width: 434px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}




/*--------------------------------------------------------------------
practical.html
--------------------------------------------------------------------*/
div#practical {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
div#practical h3 {
	padding-top: 30px;
}
div#practical h4 {
	font-size: 14px;
	color: #666666;
	padding-top: 40px;
	padding-bottom: 10px;
	clear: both;
	width: 443px;
	margin-right: auto;
	margin-left: auto;
}
div#practical #practical_01 p {
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
}
div#practical #practical_02 p {
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	padding-right: 20px;
	padding-top: 15px;
	width: 265px;
	float: right;
}
div#practical #practical_02 img {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
div#practical a {
	font-size: 13px;
	color: #666666;
	display: block;
	margin-top: 10px;
}
div#practical #practical_01 a {
	margin-top: 10px;
	color: #666666;
	display: block;
	margin-left: 70px;
}
div#practical a:hover {
	font-size: 13px;
	color: #CCCCCC;
	display: block;
	margin-top: 10px;
}
div#practical #practical_01 a:hover {
	margin-top: 10px;
	color: #CCCCCC;
	display: block;
	margin-left: 70px;
}





/*--------------------------------------------------------------------
mistake.html
--------------------------------------------------------------------*/
div#mistake {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
div#mistake h3 {
	padding-top: 30px;
	padding-bottom: 5px;
}
div#mistake h4 {
	font-size: 12px;
	line-height: 140%;
	color: #666666;
	padding-left: 10px;
}
div#mistake p {
	font-size: 12px;
	line-height: 140%;
	color: #666666;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
div#mistake #mistake_01 #mistake_01L {
	float: left;
	width: 363px;
	padding-top: 20px;
}
div#mistake #mistake_01 #mistake_01R {
	float: right;
	width: 128px;
	padding-top: 20px;
}
div#mistake #BAR {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#mistake #mistake_02 .image_L {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 5px;
}
div#mistake #mistake_02 .image_R {
	float: right;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 10px;
}
#container #wrapper #contents {
	margin-left: 20px;
}
#container #wrapper #main #schedule #calcon #name1 {
	float: left;
	width: 130px;
	border: 1px solid #FF6699;
	height: 105px;
}
#container #wrapper #main #schedule #calcon #calmenu2 {
	float: right;
	width: 343px;
	border: 1px solid #FF99CC;
}

#container #wrapper #main #schedule #calcon #name1 #name1-1 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#container #wrapper #main #schedule #calcon {
	height: 1180px;
}
#container #wrapper #main #setumei {
	width: 450px;
	border: 1px solid #F598B3;
	margin-left: 4px;
}