@charset "utf-8";


/* body */

body {
	width:1220px;
	height:100%;
	background:url(/img/bg01.jpg) repeat-x top;
}

#wrapper {
	width:100%;
	margin:0 auto;
	padding:0;
}


/* ヘッダー */

header {
	width:100%;
	height:42px;
	margin:0px;
	clear:both;
}


/* navi */

.nav {  
	width: 650px; 
	height: 42px; 
	margin: -8px auto;
	position: relative; 
	text-align:center;
	float:left; 
}

.nav a { 
	width: 180px; 
	height: 42px; 
	line-height: 38px; 
	overflow: hidden; 
	text-indent: -1000em;
	background-image: url(/img/navi.png); 
	background-repeat: no-repeat;	
	float:left; 
}

.nav a.active { 
	cursor: default; 
}

#bt1 { background-position: 0 0; width: 78px; }
#bt2 { background-position: -79px 0; width: 112px; }
#bt3 { background-position: -191px 0; width: 112px; }
#bt4 { background-position: -303px 0; width: 112px; }
#bt5 { background-position: -415px 0; width: 112px; }
#bt6 { background-position: -527px 0; width: 112px; }

/* mouseover */
#bt1:hover { background-position: 0 -42px; }
#bt2:hover { background-position: -79px -42px; }
#bt3:hover { background-position: -191px -42px; }
#bt4:hover { background-position: -303px -42px; }
#bt5:hover { background-position: -415px -42px; }
#bt6:hover { background-position: -527px -42px; }

/* mouse pressed */
#bt1:active { background-position: 0 -84px; }
#bt2:active { background-position: -791px -84px; }
#bt3:active { background-position: -191px -84px; }
#bt4:active { background-position: -303px -84px; }
#bt5:active { background-position: -415px -84px; }
#bt6:active { background-position: -527px -84px; }

/* active button */
#bt1.active { background-position: 0 -126px; }
#bt2.active { background-position: -79px -126px !important; }
#bt3.active { background-position: -191px -126px !important; }
#bt4.active { background-position: -303px -126px !important; }
#bt5.active { background-position: -415px -126px !important; }
#bt6.active { background-position: -527px -126px !important; }


/* Navi Right Part */

.NaviRight {
	width:500px;
	height:42px;
	padding:6px;
	float:right; 
}


/* Language Part */

.LangPart {
	width:100px;
	height:42px;
	margin-top:-5px;
	margin-left:200px;
	font-weight:bold;
	font-size:11pt;
	color:#fff;
	float:left; 
}


/* Search Part */

.SearchPart {
	width:200px;
	height:42px;
	font-size:11pt;
	font-weight:bold;
	letter-spacing:1px;
	margin:-12px auto;
	color:#000;
	float:right; 
}

/*  Search Engine  */

#search {
	margin-top:6px;
}

#search input {
	border:0;
	background:transparent url(../img/search.png) no-repeat scroll -6px -36px;
	width:144px;
	padding:3px 10px;
	font-size:11px;
	outline: none;
	position:relative;
	top:1px;
}

#search input:focus {
	background-position:-6px -6px;	
}

#search button {
	border:0;
	background: transparent url(../img/search.png) no-repeat scroll -6px -65px;
	text-indent:-999em;
	width:24px;
	height:24px;
	outline:none !important;
}

#search button:hover {
	background-position:-6px -94px;
}
 
#search button:focus {
	background-position:-6px -124px;
}


/*  タイトル　社団名 */

h1 {
	width:150px;
	height:380px;
	position:relative;
}

h1 a {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:380px;
	text-indent:-9999px;
	background:url(/img/title.png) no-repeat left top;
}


/*  メインコンテンツ */

#MainContents {
	width:100%;
	height:100%;
	margin:50px auto;
	clear:both;
}

#MainContents a:active,
#MainContents a:visited,
#MainContents a:link	    			{ color: #3d69b4; text-decoration: none; }
#MainContents a:hover				{ color: #577079; text-decoration: underline; }

#LeftPart {
	width:150px;
	margin:0px auto;
	border:0px;
	float:left;
}

.LeftTop {
	width:150px;
	height:380px;
	margin:0px auto;
}

.LeftMiddle {
	width:130px;
	height:200px;
	margin:0px auto;
	padding:15px 0px 0px 7px;
}

.LeftMiddle a { 
	width:42px; 
	height:185px; 
	overflow:hidden; 
	text-indent:-1000em; 	
	background:url(/img/LeftMenu1.png) no-repeat;
	float:left; 
}

.LeftMiddle a.active { 
	cursor: default; 
}

#lm1 { background-position: 0 0; width:42px; height:185; }
#lm2 { background-position: -45px 0; width:42px; height:110px; }
#lm3 { background-position: -92px 0; width:42px; height:185px; }

/* mouseover */
#lm1:hover { background-position: 0 -211px; }
#lm2:hover { background-position: -45px -211px; }
#lm3:hover { background-position: -92px -211px; }

/* mouse pressed */
#lm1:active { background-position: 0 -211px; }
#lm2:active { background-position: -45px -211px; }
#lm3:active { background-position: -92px -211px; }

/* active button */
#lm1.active { background-position: 0 -211px; }
#lm2.active { background-position: -45px -211px !important; }
#lm3.active { background-position: -92px -211px !important; }

.LeftBottom {
	width:130px;
	height:240px;
	margin:0px auto 30px auto;
	padding:15px 0px 0px 7px;
	position:relative;
}

.LeftBottom a { 
	width:42px; 
	height:230px; 
	overflow:hidden; 
	text-indent:-1000em; 	
	background:url(/img/LeftMenu2.png) no-repeat;
	float:left; 
}

.LeftBottom a.active { 
	cursor: default; 
}

#lm4 { background-position: 0 0; width:42px; height:223; }
#lm5 { background-position: -46px 0; width:42px; height:170px; }
#lm6 { background-position: -92px 0; width:42px; height:170px; }

/* mouseover */
#lm4:hover { background-position: 0 -230px; }
#lm5:hover { background-position: -46px -230px; }
#lm6:hover { background-position: -92px -230px; }

/* mouse pressed */
#lm4:active { background-position: 0 -230px; }
#lm5:active { background-position: -46px -230px; }
#lm6:active { background-position: -92px -230px; }

/* active button */
#lm4.active { background-position: 0 -230px; }
#lm5.active { background-position: -46px -230px !important; }
#lm6.active { background-position: -92px -230px !important; }

#CenterPart {
	width:600px;
	margin-top:20px;
	padding-bottom:120px;
	margin-left:30px;
	float:left;
}

#CenterPart .notice {
	width:580px;
	height:30px;
	margin-top:30px;
	margin-bottom:10px;
	padding:15px 10px 0 10px;
	background-color:#e8e8e8;
	clear:both;
}

#CenterPart .notice .left {
	width:220px;
	font-size:11pt;
	font-weight:bold;
	color:#3d69b4;
	margin-left:10px;
	z-index:-1;
	float:left;
}

#CenterPart .notice .right {
	width:300px;
	font-size:11pt;
	font-weight:bold;
	margin-right:20px;
	float:right;
}

#Bussan {
	width:600px;
	margin:20px auto;
	clear:both;
}

#Bussan .BoxFoods {
	width:290px;
	margin:0;
	position:relative;
	float:left;
}

#Bussan .BoxCrafts {
	width:290px;
	margin-left:20px;
	position:relative;
	float:right;
}

#Bussan .BoxTitle {
	width:290px;
	border-bottom:1px #000000 solid;
}

#Bussan .BoxExpl {
	width:290px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:150%;
	font-size:11pt;
	border-bottom:1px #000000 dashed;
	margin-bottom:10px;
}

#Bussan .BoxInside {
	margin:1px auto 0 0;
	float:left;
}

#Bussan .InsideLeft {
	width:20px;
	height:20px;
	text-align:left;
	float:left;
}

#Bussan .InsideRight {
	width:105px;
	font-size:13px;
	height:20px;
	margin-left:6px;
	text-align:left;
	padding-top:3px;
	padding-bottom:2px;
	float:right;
}

#TokushimaCorner {
	width:600px;
	padding-top:20px;
	margin:20px auto;
	clear:both;
}

#TokushimaCorner .BoxMeisan {
	width:290px;
	margin:0;
	position:relative;
	float:left;
}

#TokushimaCorner .BoxArekore {
	width:290px;
	margin-left:20px;
	position:relative;
	float:right;
}

#TokushimaCorner .BoxTitle {
	width:290px;
	border-bottom:1px #000000 solid;
}

#TokushimaCorner .BoxExpl {
	width:290px;
	padding-top:5px;
	padding-bottom:5px;
	line-height:150%;
	font-size:11pt;
	border-bottom:1px #000000 dashed;
	margin-bottom:10px;
}

#TokushimaCorner .BoxInside {
	width:290px;
	height:80px;
	margin:1px auto 10px 0;
	clear:both;
}

#TokushimaCorner .BoxInsideArekore {
	width:290px;
	height:60px;
	margin:1px auto 1px 0;
	clear:both;
}

#TokushimaCorner .BoxShikiriBoth {
	width:290px;
	height:58px;
	margin-top:5px;
	margin-bottom:10px;
	padding-top:12px;
	padding-bottom:12px;
	border-top:1px #000000 dashed;
	border-bottom:1px #000000 dashed;
	clear:both;
}

#TokushimaCorner .BoxShikiriTop {
	width:290px;
	height:58px;
	margin-top:5px;
	padding-top:12px;
	border-top:1px #000000 dashed;
	clear:both;
}

#TokushimaCorner .BoxShikiriBottom {
	width:290px;
	height:58px;
	margin-bottom:5px;
	padding-bottom:12px;
	border-bottom:1px #000000 dashed;
	clear:both;
}

#TokushimaCorner .InsideLeftMeisan {
	width:120px;
	height:80px;
	float:left;
}

#TokushimaCorner .InsideLeftArekore {
	width:78px;
	height:58px;
	float:left;
}

#TokushimaCorner .InsideRightMeisan {
	width:155px;
	font-size:11px;
	line-height:150%;
	height:80px;
	margin-top:5px;
	margin-left:10px;
	text-align:left;
	float:right;
}

#TokushimaCorner .InsideRightArekore {
	width:200px;
	font-size:11px;
	line-height:150%;
	height:58px;
	margin-top:5px;
	margin-left:10px;
	text-align:left;
	float:right;
}


/*  Right Part */

#RightPart {
	width:400px;
	margin:20px auto auto 30px;
	float:left;
}


#ArudeyoInformation {
	margin-top:0;
	font-size:11pt;
}


#AntennaShop {
	font-size:11pt;
	border-top:2px #dddddd solid;
	border-bottom:2px #dddddd solid;
}

.netshop_intr {
	width:400px;
	margin-top:15px;
	border-bottom:1px #000000 dashed;
}

.realshop_intr {
	width:400px;
	margin-top:15px;
	margin-bottom:5px;
}


#Link {
	font-size:11pt;
}

.link_intr {
	width:400px;
	margin-top:15px;
	margin-bottom:5px;
}

.links {
	width:400px;
	margin-left:0px;
	clear:both;
}

.banner {
	padding:0px 7px 5px 0px;
	float:left;
}

.banner_b {
	padding:0px 7px 15px 0px;
	float:left;
}

.spacer {
	padding-bottom:0;
}


/*  footer */

#footer {
	width:400px;
	margin-top:15px;
	border-top:2px #dddddd solid;
	clear:both;
}

#footer .somelinks {
	font-size:11pt;
	margin-top:10px;
}

#footer .copyright {
	float:right;
	margin-top:30px;
	margin-right:0;
}








/* tooltip styling */

#tip_textresize {
	font-size:12pt;
}

.tooltip {
	display:none;
	background:transparent url(/img/tooltip.png);
	height:220px;
	padding:0;
	width:380px;
	font-size:11px;
	color:#fff;
	z-index:9999;
}

/* a .label element inside tooltip */
.tooltip .size_L {
	font-size:11pt;
	font-weight:bold;
	color:#ffffff;
	width:100px;
	padding-top:15px;
	text-align:center;
}

.tooltip .size_S {
	font-size:11pt;
	font-weight:bold;
	color:#ffffff;
	width:100px;
	padding-top:15px;
	text-align:center;
}

.tooltip .txtxp {
	font-size:11pt;
	color:#ffffff;
	width:350px;
	padding-top:7px;
	padding-left:15px;
	line-height:150%;
	text-align:left;
}

.tooltip a {
	color:#3d69b4;
	font-size:11px;
	font-weight:bold;
}



/* jQuery Tool */
#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
}
div.contentWrap {
	height:441px;
	overflow-y:auto;
}