@charset "Shift_JIS";

/*--------------------------------------------------------------------
common
css‚̏‰Šϊ‰»
--------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}


html, body {
	font-family:"Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,
	"MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	font-size: 12px;
	color: #333333;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,
	"MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	color: #333333;
	border-style: solid 1px #666666;
}

table, caption, th, td {
	font-family:"Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,
	"MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	coler: #333333;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS Pro W3",Osaka,
	"MS P Gothic","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
	coler: #333333;
}


p, ol, ul {
	margin-bottom: 1.5em;
	line-height: 1.5em;
	font-size: small;
	list-style:none;
}

ul, ol {
	margin-left: 0;
}

a:link, a:visited {
    text-decoration:none; color: #333333; 
}

a:hover, a:active {
	text-decoration: none;
	color: #ff0000;
}

img {
	border: none;
}

#line {
	border-bottom:dotted 3px #666666;
}

#space {
	text-align: right;
}

#space a {
	text-decoration: underline;
}

/* ƒy[ƒW”wŒi */

#container {
	width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	padding-top: 10px;
}

/* Header */

#header {
	width: 900px;
	height: 100px;
	margin: 0 auto;
	padding: 0 auto;
	background-color: #ffffff;
}

div#header_right {
	float: right;
	width: 750px;
	height: 100px;
	margin-top: 0px;
	text-align: right;
}

div#header_right_link{
	float: right;
	text-align: right;
	margin-bottom: 5px;
}

div#header_rogo {
	float: left;
	width: 150px;
	margin-top: 0px;
	height: 100px;
}

/*visual*/

div#visual_back {
	height: 300px;
	background-image: url(../images/global/visual_back.gif);
	background-repeat: x;
	width: 100%;
}

div#visual {
	height: 300px;
	clear: none;
	width: 900px;
	margin: 0 auto;
	padding: 0 auto;
}

div#top_visual_img {
	height: 225px;
	clear: none;
	width: 550px;
	float: left;
	margin-top: 55px;
	background-color: #FFFFFF;
}

div#visual_img {
	height: 225px;
	clear: none;
	width: 900px;
	float: left;
	margin-top: 55px;
}

div#visual_img2 {
	height: 280px;
	clear: none;
	width: 300px;
	float: right;
	background-color: #FFFFFF;
}

/* menu */

div#menu {
	height: 50px;
	width: 900px;
	padding: 0 auto;
	margin-top: 10px;
}

ul.menu {
    margin:0;
	padding:0;
}

ul.menu li {
    float:left;
    text-indent:-9999px;
    overflow:hidden;
    list-style:none;
}

ul.menu li a {
    display:block;
    width:100px;
    height:50px;
}

ul.menu li p {
    display:block;
    width:100px;
    height:50px;
}

li.menu00 p {
    background-image:url(../images/global/bo/space.jpg);
}

li.menu01 a {
    background-image:url(../images/global/bo/home2.jpg);
}

li.menu01 a:hover {
    background-image:url(../images/global/bo/home.jpg);
}

li.menu02 a {
    background-image:url(../images/global/bo/web2.jpg);
}

li.menu02 a:hover {
    background-image:url(../images/global/bo/web.jpg);
}

li.menu03 a {
    background-image:url(../images/global/bo/print2.jpg);
}

li.menu03 a:hover {
    background-image:url(../images/global/bo/print.jpg) ;
}

li.menu04 a {
    background-image:url(../images/global/bo/shop2.jpg);
}

li.menu04 a:hover {
    background-image:url(../images/global/bo/shop.jpg) ;
}

li.menu05 a {
    background-image:url(../images/global/bo/other2.jpg);
}

li.menu05 a:hover {
    background-image:url(../images/global/bo/other.jpg) ;
}

li.menu06 a {
    background-image:url(../images/global/bo/profile2.jpg);
}

li.menu06 a:hover {
    background-image:url(../images/global/bo/profile.jpg) ;
}

li.menu07 a {
    background-image:url(../images/global/bo/link2.jpg);
}

li.menu07 a:hover {
    background-image:url(../images/global/bo/link.jpg) ;
}

/* ƒ‚ƒ_ƒ“ƒuƒ‰ƒEƒUiFirefox Opera Safarij‘΍τ */

ul.menu:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0;
}
/* Win”ΕIE7‚ΖMac”ΕIE5‘΍τ */

ul.menu {   
    display:inline-block;
}
/* Win”ΕIE5‚¨‚ζ‚Ρ6‘΍τ *//* Hides from IE-mac \*/

* html ul.menu {
    height:1px;
}

ul.menu {
    display:block;
}
/* End hide from IE-mac */

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding: 0px;
}

/* Content */

#content {
	width: 900px;
	padding: 0;
}

/* Content2 */

#content2 {
	width: 900px;
	padding: 0;
	height: 30px;
	text-align: center;
}

#content2_left {
	width: 500px;
	padding: 0;
	float: left;
}

#content2_left_left {
	width: 200px;
	padding: 0;
	float: left;
	margin-top: 0px;
}

#content2_left_right {
	width: 280px;
	padding: 0;
	float: right;
	margin-top: 5px;
}

#content2_left_right h4 {
	font-size: 110%;
	font-weight: bold;

}

#content2_right {
	width: 400px;
	float: right;
	text-align: right;
	margin-top: 0px;
}

/* Footer */

div#footer {
	width: 100%;
	background-image: url(../images/global/visual_back2.jpg);
	height: 90px;
	background-repeat: x;
}

div#footer_text {
	padding-top:10px;
	margin: 0 auto;
	width: 900px;
	text-align: right;
	font-size: 100%;
}

div#footer_text p {
	color: #ffffff;
}

div#footer_text a {
	color: #ffffff;
}

div#footer_text a:hover {
	color: #333333;
}

/*--------------------------------------------------------------------
(index.html)
(TOP)
--------------------------------------------------------------------*/

/* ƒRƒ“ƒeƒ“ƒcΆ */

#content_left {
	width: 650px;
	padding: 0;
	float: left;
}

#content_left h2 {
	font-size: medium;
	font-weight: bold;
	color: #000099;
}

/* V’…ξ•ρ */

#topics {
	width: 650px;
}

#scrollBox {
	padding: 10px;
	width: 628px;
	height: 100px;
	overflow: auto;
	line-height: 20px;
	margin-top: 10px;
	border: solid 1px #666666;
	scrollbar-base-color: #FF0000;
@@scrollbar-track-color: #FFFFFF;
@@scrollbar-face-color: #FFFFFF;
@@scrollbar-arrow-color: #000000;
@@scrollbar-3dlight-color: #FFFFFF;
@@scrollbar-darkshadow-color: #FFFFFF;
@@scrollbar-highlight-color: #FFFFFF;
@@scrollbar-shadow-color: #FFFFFF;
}

ul.news {
	list-style-type: none;
}

ul.news a {
	text-decoration: underline;
}

/* ƒT[ƒrƒX’ρ‹ŸƒGƒŠƒA */

#area {
	width: 628px;
	border: solid 1px #666666;
	padding: 10px;
	margin-top: 10px;
}

p.area01 {
	font-weight: bold;
	color: #0099CC;
	margin: 10px 0px 0px 5px;
}

p.area02 {
	color: #666666;
	line-height: 1.6;
    margin: 0px;
    padding: 0px 5px 5px;	
}

p.area03 {
	color: #FF6600;
	margin: 5px 0px 5px 5px;
}

/* ƒCƒ“ƒtƒHƒ[ƒVƒ‡ƒ“ */

#info_left {
	width: 310px;
	border: dotted 1px #666666;
	float: left;
	padding: 5px;
}

#info_left a {
	text-decoration: underline;
}

#info_left h5 {
	font-size: small;
	font-weight: normal;
}

#info_right {
	width: 310px;
	border: dotted 1px #666666;
	float: right;
	padding: 5px;
}

#info_right a {
	text-decoration: underline;
}

#info_right h5 {
	font-size: small;
	font-weight: normal;
}

/* ƒRƒ“ƒeƒ“ƒc‰E */

#content_right {
	width: 200px;
	padding: 0;
	float: right;
	margin-top: 10px;
	text-align: left;
	background-image: url(../images/index/back.gif);
}

#content_right_text {
	width: 200px;
	text-align: left;
}

#content_right_text h6 {
	color: #000066;
	font-weight: bold;
	font-size: small;
}

#content_right_text2 {
	width: 178px;
	text-align: right;
	border: solid 1px #ff0000;
	padding: 10px;
	background-image: url(../images/global/content_right_text2_back.jpg);
	height: 140px;
}

#content_right_text2 h4 {
	color: #ffffff;
	font-weight: bold;
	font-size: medium;
}

#content_right_text2 p {
	color: #ffffff;
}

#content_right_text2 a {
	color: #ffffff;
}

#index_section2 {
	width: 200px;
	height: 80px;
}

/*--------------------------------------------------------------------
(web.html)
(ƒEƒFƒu)
--------------------------------------------------------------------*/

#web_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#web_left a {
	text-decoration: underline;
}

#web_section {
	background-image: url(../images/web/side.jpg);
	width: 200px;
	height: 400px;
}

#web_section2 {
	width: 200px;
	height: 1800px;
}

p.web01 {
	color: #000099;
	font-weight: bold;
	line-height: 15px;
}

/* ‰ΏŠi•\ */

#javascript_tab_kakaku {
	margin:20px auto 0 auto;
	width:650px;
	text-align:center;
}

#javascript_tab_kakaku a {
	text-decoration: underline;
}

#set {
	width:626px;
	color:#333333;
	line-height:25px;
	text-align: left;
}

#set h5 {
	font-weight: bold;
	color: #000099;
	
}

#set2 {
	width:626px;
	color:#333333;
	line-height:25px;
	text-align: left;
}

#set2 h5 {
	font-weight: bold;
	color: #000099;
	
}

div#javascript_tab_kakaku ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid #666;
	background-color:#fff;
	float:left;
	width:650px;
	}

div#javascript_tab_kakaku ul#tab li {
	margin:0 0 0 1em;
	padding:0.2em 0;
	text-align:center;
	border:1px solid #666;
	border-bottom:none;
	float:left;
	width:10em;
	}

div#javascript_tab_kakaku ul#tab li.selected {
	background-color:#CCCCCC;
	}

div#javascript_tab_kakaku ul#tab li.selected a {
	color:#FFFFFF;
	}

div#javascript_tab_kakaku dl {
	margin:0;
	padding:1em;
	color:#333333;
	border:1px solid #666;
	border-top:none;
	background-color:#FFFFFF;
	clear:both;
	}

div#javascript_tab_kakaku dl dt {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
	}

div#javascript_tab_kakaku dl dd p {
	margin-bottom:1em;
}

#javascript_tab_kakaku #web {
	width:626px;
	color:#333333;
}

#javascript_tab_kakaku .web1 {
	width:30%;
	line-height:15px;
	background-color:#D7D5C1;
	text-align:left;
	padding: 5px;
}

#javascript_tab_kakaku .web2 {
	width:20%;
	line-height:15px;
	background-color:#CCCCCC;
	text-align: center;
	padding: 5px;
}

#javascript_tab_kakaku .web3 {
	width:50%;
	line-height:15px;
	text-align:left;
	padding: 5px;
	background-color: #FFFFFF;
}

/* §μŽ–—α */

#web_text {
	width: 628px;
	border: solid 1px #666666;
	padding: 0px 10px 15px 10px;
	margin-top: 5px;
}

#web_text p {
	line-height:15px;
}

#web_text p.web01 {
	color: #000099;
	font-weight: bold;
	line-height: 10px;
}

#web_text a {
	text-decoration: underline;
}

#web_text #web_jirei {
	width:626px;
	color:#333333;
}

#web_text .web_jirei1 {
	width:25%;
	text-align:center;
	height: 90px;
	padding: 10px 0px 0px 0px;
}

#web_text .web_jirei2 {
	width:25%;
	text-align: center;
	height: 90px;
	padding: 10px 0px 0px 0px;
}

#web_text .web_jirei3 {
	width:25%;
	text-align:center;
	height: 90px;
	padding: 10px 0px 0px 0px;
}

#web_text .web_jirei4 {
	width:25%;
	text-align:center;
    height: 90px;
	padding: 10px 0px 0px 0px;
}

#web_text .web_jirei5 {
	width:25%;
	text-align:center;
	height: 30px;
	padding-top: 10px;
}

#web_text .web_jirei6 {
	width:25%;
	text-align:center;
    height: 30px;
	padding-top: 10px;
}

#web_text .web_jirei7 {
	width:25%;
	text-align:center;
    height: 30px;
	padding-top: 10px;
}

#web_text .web_jirei8 {
	width:25%;
	text-align:center;
    height: 30px;
	padding-top: 10px;
}

/*--------------------------------------------------------------------
(print.html)
(ˆσόƒfƒUƒCƒ“)
--------------------------------------------------------------------*/

#print_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#print_left a {
	text-decoration: underline;
}

#print_section {
	background-image: url(../images/print/side.jpg);
	width: 200px;
	height: 400px;
}

#print_section2 {
	width: 200px;
	height: 1230px;
}

#print_text {
	width: 628px;
	border: solid 1px #666666;
	padding: 0px 10px 15px 10px;
	margin-top: 5px;
}

#print_text p {
	line-height:15px;
}

#print_text p.print01 {
	color: #000099;
	font-weight: bold;
	line-height: 10px;
}

#print_text #print {
	width:626px;
	color:#333333;
	line-height:25px;
}

#print_text .print1 {
	width:30%;
	line-height:15px;
	background-color:#D7D5C1;
	text-align:left;
	padding: 5px;
}

#print_text .print2 {
	width:20%;
	line-height:15px;
	background-color:#CCCCCC;
	text-align: center;
	padding: 5px;
}

#print_text .print3 {
	width:50%;
	line-height:15px;
	text-align:left;
	padding: 5px;
	background-color: #FFFFFF;
}

#print_text #jirei {
	width:626px;
	height: 500px;
	color:#333333;
}

#print_text .jirei1 {
	width:25%;
	text-align:center;
	height: 25%;
}

#print_text .jirei2 {
	width:25%;
	text-align: center;
	height: 25%;
}

#print_text .jirei3 {
	width:25%;
	text-align:center;
	height: 25%;
}

#print_text .jirei4 {
	width:25%;
	text-align:center;
    height: 25%;
}

/*--------------------------------------------------------------------
(shop.html)
(€•i)
--------------------------------------------------------------------*/

#shop_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#shop_section {
	background-image: url(../images/shop/side.jpg);
	width: 200px;
	height: 400px;
}

#shop_section2 {
	width: 200px;
	height: 1200px;
}

#shop_text {
	width: 628px;
	border: solid 1px #666666;
	padding: 0px 10px 15px 10px;
	margin-top: 5px;
}

/*--------------------------------------------------------------------
(profile.html)
(ƒvƒƒtƒB[ƒ‹)
--------------------------------------------------------------------*/

#prof_left {
	width: 120px;
	float: left;
	padding: 5px;
	text-align: right;
}

#prof_right {
	width: 500px;
	float: right;
	padding: 5px;
}

#prof_right a {
	text-decoration: underline;
}

#prof_section {
	background-image: url(../images/profile/side.jpg);
	width: 200px;
	height: 400px;
}

#prof_section2 {
	width: 200px;
	height: 30px;
}

/*--------------------------------------------------------------------
(other.html)
(‚»‚Μ‘Ό‹Ζ–±)
--------------------------------------------------------------------*/

#other_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#text {
	width: 628px;
	border: solid 1px #666666;
	padding: 10px;
	margin-top: 5px;
}

#other_section {
	background-image: url(../images/other/side.jpg);
	width: 200px;
	height: 400px;
}

#other_section2 {
	width: 200px;
	height: 30px;
}

/*--------------------------------------------------------------------
(link.html)
(ƒŠƒ“ƒN)
--------------------------------------------------------------------*/

#link_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#link_section {
	background-image: url(../images/link/side.jpg);
	width: 200px;
	height: 400px;
}

#link_section2 {
	width: 200px;
	height: 1900px;
}

p.link01 {
	color: #000099;
	font-weight: bold;
}

#link_text {
	width: 628px;
	border: solid 1px #666666;
	padding: 0px 10px 15px 10px;
	margin-top: 5px;
}

#link_text a {
	text-decoration: underline;
}

#link_text #link {
	width:626px;
	color:#333333;
	line-height:25px;
	margin-top: 0px;
}

#link_text .link1 {
	width:15%;
	line-height:25px;
	background-color:#D7D5C1;
	text-align:left;
	padding: 5px;
}

#link_text .link2 {
	width:85%;
	line-height:25px;
	background-color:#FFFFFF;
	text-align: left;
	padding: 5px;
}

#link_text .link3 {
	width:30%;
	line-height:25px;
	text-align:left;
	padding: 5px;
	background-color: #FFFFFF;
	height: 45px;
}

#link_text .link4 {
	width:70%;
	line-height:15px;
	text-align:left;
	padding: 5px;
	background-color: #FFFFFF;
}

#link_text .link5 {
	line-height:25px;
	text-align:center;
	padding: 5px;
	background-color: #CCCCCC;
}

/*--------------------------------------------------------------------
(sitemap.html)
(ƒTƒCƒgƒ}ƒbƒv)
--------------------------------------------------------------------*/

#sitemap_left {
	width: 120px;
	float: left;
	padding: 5px;
	text-align: right;
}

#sitemap_right {
	width: 500px;
	float: right;
	padding: 5px;
}

#sitemap_right h5, p {
	margin-bottom: 1.5em;
	line-height: 15px;
	font-size: small;
	color: #333333;
}

#sitemap_right a {
	text-decoration: underline;
}

#sitemap_section {
	background-image: url(../images/sitemap/side.jpg);
	width: 200px;
	height: 400px;
}

#sitemap_section2 {
	width: 200px;
	height: 300px;
}

/*--------------------------------------------------------------------
(ask.html)
(‚¨–β‚’‡‚ν‚Ή)
--------------------------------------------------------------------*/

#ask_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#ask_left p {
	text-align: center;
	
}

#ask_section {
	background-image: url(../images/ask/side.jpg);
	width: 200px;
	height: 400px;
}

#ask_section2 {
	width: 200px;
	height: 70px;
}

#ask_text {
	width: 628px;
	border: solid 1px #666666;
	padding: 0px 10px 15px 10px;
	margin-top: 5px;
}

#ask_text a {
	text-decoration: underline;
}

#ask_text .ask01 {
	width:170px;
	margin-top: 0px;
	height: 40px;
}

#ask_text .ask02 {
	width:480px;
	margin-top: 0px;
	height: 40px;
}

#ask_text .ask03 {
	margin-top: 0px;
	height: 50px;
	text-align: center;
}

/*--------------------------------------------------------------------
(privacy.html)
(ŒΒlξ•ρ•ΫŒμ•ϋj)
--------------------------------------------------------------------*/

#pri_left {
	width: 650px;
	float: left;
	padding: 5px;
	text-align: left;
}

#pri_left p {
	text-align: center;
	
}

#pri_section {
	background-image: url(../images/privacy/side.jpg);
	width: 200px;
	height: 400px;
}

#pri_section2 {
	width: 200px;
	height: 50px;
}

#pri_text {
	width: 628px;
	border: solid 1px #666666;
	padding: 15px 10px 15px 10px;
	margin-top: 5px;
	text-align: left;
}

#pri_text .pri_ad {
	margin-top: 5px;
	text-align: right;
}

#pri_text p {
	text-align: left;
	line-height: 20px;
}

#pri_text a {
	text-decoration: underline;
}