/***********************************************/
/* temp-pc.css                            */
/* Use with template temp.dwt          */
/***********************************************/

/***********************************************/
/* HTML tag styles                     */
/***********************************************/ 

body {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	margin: 0px;
	padding: 0px;
	text-align:left
}

.sitename {
	font-family: "‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 2px 0px;
}

.siteinfo {
	font-family: "‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	padding: 0px 0px 0em 0px;
}

.pagename {
	font-size: 20px;
	color: #444444;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height: 38px;
	vertical-align: middle;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 15px;	
	background-image:url(Temp/img/pagename.gif);
	background-repeat:no-repeat
}

.pageinfo {
	font-size: 14px;
	color: #444444;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height: 30px;
	padding: 0px 0px 0px 15px;	
	background-image:url(Temp/img/pageinfo.gif);
	background-repeat:no-repeat
}

.subinfoo {
	font-size: 16px;
	color: #444444;
	line-height: 28px;
	padding: 0px 0px 0px 15px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	background-image:url(Temp/img/subinfoo.gif);
	background-repeat:no-repeat
}

.subinfoy {
	font-size: 16px;
	color: #444444;
	line-height: 28px;
	padding-left: 15px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	background-image:url(Temp/img/subinfoy.gif);
	background-repeat:no-repeat
}

.cgifile {
	font-size: 21px;
	color: #444444;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height: 38px;
	text-align: center;
	vertical-align: middle;
}

.pcontents {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 0px 5px;
}

.psubcontents {
	padding-left: 2%;
	font-size: 16px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}


.pcontentsb {
	padding-left: 1%;
	font-size: 16px;
    font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
}

.pcontentsbr {
	padding-left: 1%;
	font-size: 16px;
    font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;	
	color: #FF0000;
}

.pcontentsc {
	padding: 0.5%;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	font-size: 16px;
    font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

.style1 {
�@�@font-family: "‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3" ;  
    margin: 0px 0px 3px 0px ;
}

/***********************************************/
/* HTML div styles                     */
/***********************************************/ 

div.marlb10 {
	height: 180px;
    margin: 0px 0px 10px 10px ;
	padding: 0px;
	vertical-align:top ;	
}

div.counter {
    display: none;
}

/************** div.w255 ***************/

div.w255 {
    width: 535px;
    margin: 0px auto 0px auto;
}

div.w255l {
    float: left;
}

div.w255r {
	float: right;
}

/***********************************************/
/* HTML table styles                     */
/***********************************************/ 

/* --------------------------------------------- */
/* �¥ƒ‚ƒoƒCƒ‹ƒtƒ@�[ƒXƒg (‘SŠÂ‹«‚É‹¤’ʂ̃fƒUƒCƒ“) */
/* --------------------------------------------- */

.tbw97 {
	width: 97%;
	margin-bottom: 10px;
	vertical-align: middle;
	font-size: 14px;
}

.tbw93bw1bss {
	width: 93%;
	margin: 0px 3% 0px 4%;
	vertical-align: middle;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
}

.tbw200px {
	width: 200px;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;	
}

.tbw250px {
	width: 250px;
	margin: 8px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;	
}

.tbw250pxfwb {
	width: 250px;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;	
    font-weight: bold;	
}

.tbw300px {
	width: 300px;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;	
}

.tdtcvm {
    font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.tdtcvm16 {
    font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

.tdw250tcvm {
    width: 250px;
    font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.tdw250tlvt {
    width: 250px;
	height: 150px;
    font-size: 15px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	text-align: left;
	vertical-align: top;
}

.tdw250daishi {
    width: 250px;
	height: 187px;
	text-align: center;
	vertical-align: top;
}

.tdw250tlvm {
    width: 250px;
    font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

.tdtlvm {
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 16px;
	line-height: 22px;
	margin: 0px 0px 0px 5px;
    text-align: left;
	vertical-align: middle;
}

.tdtcvmfwb20 {
    font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.tdtcvmfwbr20 {
    font-size: 20px;
	font-weight: bold;	
	color: #FF0000;
	text-align: center;
	vertical-align: middle;
}

.tdw25tcvm {
	text-align: center;
	vertical-align: middle;
	width: 25%;
}

.tdw75pl1emtlvm {
	width: 75%;
	padding-left:1em;
	text-align: left;
	vertical-align: middle;
}



/***********************************************/
/* temp.dwt Layout Divs                */
/***********************************************/

/************** #header styles ***************/

#header {
	width: 740px;
	margin: 0px auto 10px auto;
	vertical-align: middle;
}

.imgl  {
    align:left;
	margin: 3px;	
}

.imgr  {
    align:right;
	margin: 3px;	
}

/************** #info,#info1,#info2 styles ***************/

#header #pageinfo {
    width: 740px;
	height: 90px;
	vertical-align: middle;
	margin: 0px 0px 10px 0px;	
	float: left;
}

#header #info {
    width: 740px;
	height: 20px;
	vertical-align: middle;
	float: left;
}

#header #info1 {
    text-align: left;
    width: 300px;
	height: 66px;
	vertical-align: middle;
	float: left;
}

#header #info2 {
    text-align: left;
	width: 250px;
	height: 66px;
	vertical-align: middle;
	padding: margin: 3px;
	float: right;	
}

/************** #imagearea styles ***************/

#header #imagearea {
    clear: both;
    width: 740px;
}

/************** #menu styles ***************/

#menu {
    width: 740px;
	margin: 0px auto 15px auto;	
    background-color: #ece9d8;
	height: 40px;
}

/************** #container,#contents,#main styles ***************/

#container {
	width: 740px;
	margin: 0px auto 0px auto;
}

#container #contents {
    width: 540px;
    box-sizing:border-box;
    padding: 0px 0px 0px 15px;
    float: left;
}

#container #main {
    width: 180px;
	padding: 0px 0px 10px 0px;
    background-image: url(Temp/img/menubg.gif);
	background-repeat: repeat-y;
	float: right;
}

/************** #moushikomi styles ***************/

#container #tables #main #moushikomi {
	height: 186px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

/************** #sakuhin styles ***************/

#container #main #sakuhin {
    height: 172px;
	margin: 10px 0px 10px 5px;		
}

/************** #link styles ***************/

#container #main #link {
	height: 140px;
	margin: 0px 0px 10px 5px;
}

/************** #fooder styles ***************/

#fooder {
    clear: both;
    width: 740px;
	text-align: center;
	margin: 0px auto 0px auto;
	
}

/************** #info3,#info4,#info5,#info6 styles ***************/

#fooder #info3 {
	height: 5px;
	vertical-align: middle;
	display:block;
}

#fooder #info4 {
    width: 300px;
	height: 40px;
	float: left;
	text-align: center;
	vertical-align: middle;
	font-family:"‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
	font-weight:bold;
	font-size:30px;
	color:#FFFFFF;
	background-image: url(Temp/img/siteinfo.gif);
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
}

#fooder #info5 {
    width: 320px;
	height: 40px;
	float:right;
    text-align: center;	
    vertical-align: middle;
	font-family:"‚l‚r ‚o–¾’©", "�×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
	font-weight:bold;
	color:#000066;
	padding: 2px 0px 0px 0px;
}

#fooder #info6 {
    clear: both;
	height: 20px;
	margin: 0px;
	padding: 0px;
	font-size: small;
	color: #FFFFFF;
	background-color: #FF4111;
}

/***********************************************/
/* temp.dwt table styles                */
/***********************************************/

/************** jugyou table styles ***************/

.tdjugyou {
    padding-left: 3px;
    font-size: 14px;
	font-weight: bold;
}

.tdjugyou01 {
    text-align: center;
	font-size: 13px;
    font-weight: normal;
	padding-left: ‚Rpx ;
}

.tdjugyou02 {
	width: 40px;
	text-align: center;
	background-color: #ffccff;
	color: #ff0000;
	font-size: 13px;
    font-weight: normal;
}

.tdjugyou03 {
    text-align: center;
	font-size: 13px;
    font-weight: normal;
}

/************** nittei table styles ***************/

.tdmonthbox {
    vertical-align:top ;	
}

.tbmonth {
	background-color: #999696;
	font-size: 12px;
	vertical-align:top ;
}

.tdmonth {	
	font-weight: bold;
}

.tdsunday {
	width: 17px;
	height: 17px;
	background-color: #e4e4e4;
	vertical-align: middle;
	text-align: center;
	color: #ff0000;
}

.tdweekday {
	width: 16px;
	height: 16px;
	background-color: #e4e4e4;
	vertical-align: middle;
	text-align: center;
	color: #000000;
}

.tdsaturday {
	width: 17px;
	height: 17px;
	background-color: #e4e4e4;
	vertical-align: middle;
	text-align: center;
	color: #0000ff;
}

.tdday {
	width: 17px;
	height: 17px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

.tddayon {
	width: 17px;
	height: 17px;
	background-color: #ffccff;
	text-align: center;
	vertical-align: middle;
	color: #ff0000;
}

.tdicon {
    width: 33px;	�@�@
}

.tdname {
    font-size: 16px;
	text-align:left;
}

/************** moushikomi table styles ***************/

.tbmoushikomi {
	height: 176px;
}

.tdmousikomi01 {
    font-size: 15px;	
	color: #FFFFFF;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 170px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-image:url(Temp/img/moushikomi_r1_c1.gif);	
	background-repeat: no-repeat;
}

.tdmousikomi02 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 170px;�@
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-image: url(Temp/img/moushikomi_r2_c1.gif);
	background-repeat: no-repeat;
}

.tdmousikomi03 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 170px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-image: url(Temp/img/moushikomi_r3_c1.gif);
	background-repeat: no-repeat;
}

.tdmousikomi04 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;�@
	width: 170px;�@
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-image: url(Temp/img/moushikomi_r4_c1.gif);
	background-repeat: no-repeat;
}

.tdmousikomi05 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 170px;�@�@
	height: 46px;
	text-align: center;
	line-height: 46px;
	background-image: url(Temp/img/moushikomi_r5_c1.gif);
	background-repeat: no-repeat;
}

/************** sakuhin table styles ***************/

.tbsakuhin {
	height: 226px;
}

.tdsakuhin01 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-image: url(Temp/img/sakuhin_r1_c1.gif);
	background-repeat: no-repeat;
}

.tdsakuhin02 {
	font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/sakuhin_r2_c1.gif);
	background-repeat: no-repeat;
}

.tdsakuhin03 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/sakuhin_r2_c1.gif);
	background-repeat: no-repeat;
}

.tdsakuhin04 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/sakuhin_r2_c1.gif);
	background-repeat: no-repeat;
}

.tdsakuhin05 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/sakuhin_r2_c1.gif);
	background-repeat: no-repeat;
}

/************** link table styles ***************/

.tblink {
	height: 140px;
}

.tdlink01 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-image: url(Temp/img/link_r1_c1.gif);
	background-repeat: no-repeat;
}

.tdlink02 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/link_r2_c1.gif);
	background-repeat: no-repeat;
}

.tdlink03 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/link_r3_c1.gif);
	background-repeat: no-repeat;
}

.tdlink04 {
    font-size: 15px;
	color: #666666;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	width: 160px;	�@�@
	height: 32px;
	text-align: center;
	line-height: 32px;
	background-image: url(Temp/img/link_r4_c1.gif);
	background-repeat: no-repeat;
}

.linkimg {
	border-style: solid;	
	border-color: #FFFFFF;	
}

/***********************************************/
/* temp.dwt list styles                */
/***********************************************/

/************** menubar styles ***************/

ul#menubar { /* �ã•”ƒ�ƒjƒ…�[ */
	background-color: #FFFFFF;
	float: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;	
}

ul#menubar li {
	width: 121px;
	height: 35px;
	border-top: 1px solid #cccccc;
	border-bottom: 5px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	float: left;
	list-style-type: none;	
}

ul#menubar li a {	
	background-color: #ece9d8;
	color: #666666;
	line-height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;	
	text-decoration: none;
	display: block;	
	width: 100%;
    height: 100%;	
}

ul#menubar li .selected a {
    background-color: #ffbba2;
	border-bottom: 5px solid #FF3300!important;
}

ul#menubar li a:hover {
	background-color: #ffbba2;
	border-bottom: 5px solid #FF3300;	
}

/***********************************************/
/* lesson.html Layout Divs                */
/***********************************************/

/************** #kadai,#kadai1,#kadai2,#keikensya ***************/

#container #contents #kadai1 {
    margin: 0px 0px 10px 0px;
    float: left;
}

#container #contents #kadai2 {
	margin: 0px 0px 10px 0px;
	float: right;
}

#container #contents #keikensya {
    clear: both;
}

/***********************************************/
/* ryokin.html Layout Divs                */
/***********************************************/

/************** #kougu,#kougu1,#kougu2,#kouguend ***************/

#container #contents #kougu {
    width: 540px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

#container #contents #kougu1 {
    margin: 0px 0px 10px 0px;
    float: left;
}

#container #contents #kougu2 {
	margin: 0px 0px 10px 0px;
	float: right;
}

#container #contents #kouguend {
    clear: both;
}

/***********************************************/
/* sakuhin.html Layout Divs                */
/***********************************************/

/************** #sakuhin,#sakuhin1,#sakuhin2,#sakuhinend ***************/

#container #contents #sakuhin {
    margin: 0px auto 30px auto;
	padding: 0px;
}

#container #contents #sakuhin1 {
    margin: 0px 0px 10px 0px;
    float: left;
	width: 230px;
	
}

#container #contents #sakuhin2 {
	margin: 0px 0px 10px 0px;
	float: right;
	width: 290px;
}

#container #contents #sakuhinend {
    clear: both;
}

/***********************************************/
/* toiawase.html moushikomi.html Layout Divs   */
/***********************************************/

div.moushikomi {
    width: 560px;
	margin: 0px auto 0px auto;
}

div.form {
    width: 549px;
	margin: 0px auto 0px auto;
    border-width: 1px 0px 0px 0px;
	border-style: solid;
}

div.formt {
    width: 549px;
	height: 330px;
	margin: 0px auto 0px auto;
    border-width: 1px 0px 1px 0px;
	border-style: solid;
}

div.formm {
    width: 549px;
	height: 200px;
	margin: 0px auto 0px auto;
    border-width: 1px 0px 0px 0px;
	border-style: solid;
}

div.forml {
    width: 200px;
	height: 25px;
	vertical-align: middle;
    float: left;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

div.formlt {
    width: 200px;
	height: 320px;
	vertical-align: middle;
    float: left;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

div.formlm {
    width: 200px;
	height: 190px;
	vertical-align: middle;
    float: left;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

div.formr {
    width: 340px;
	height: 25px;
	vertical-align: middle;
	float: right;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
}

div.formrt {
    width: 340px;
	height: 320px;
	padding: 5px 0px 5px 2px;
	vertical-align: middle;
	float: right;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
}

div.formrm {
    width: 340px;
	height: 190px;	
	vertical-align: middle;
	float: right;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
}

.end {
    clear: both;
}
	
div.formend {
    margin: 10px;
    clear: both;
}