@charset "shift_jis";
/* CSS Document */

/* =================================================================================

   1.Default
   2.Wrapper
   3.Header
   4.GlobalNav
   5.Main
   6.Content
   7.Side
   8.Footer
   9.7andiLogo
   10.Float Clearing
   11.Float left,right
 
=================================================================================== */


/* =================================================================================

   Default
 
=================================================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address {
	margin			: 0;
	padding			: 0;
	line-height		: 1.5;
   	font-weight		: normal;
	font-style		: normal;
	font-size		: 100%;
}

html{ /* Firefox‚ŏν‚ΙƒXƒNƒ[ƒ‹ƒo[‚π•\Ž¦ */
	overflow-y		: scroll;
	height			: 100%;
	margin-bottom	: 1px;
}

body{
	color:#642202;
	font			: 12px "ƒƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Helvetica, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	background: url(../../images/bg.jpg) repeat-x top;
	text-align:center;
}

/* no Mac IE \*/
body{
	letter-spacing	: 0.1em;
}
/* */

br {
	letter-spacing	: normal;
}

hr {
	height			: 1px;
}

dl, dt, dd, ul, ol{
    margin:0;
    padding:0;
}

ul,dl{
    list-style:none;
}

img{
	border:none;
	
}

/*  link
-----------------------------------*/
a{
	color:#642202;
	text-decoration: underline;
}

a:hover{
	color:#642202;
	text-decoration: none;
}

a:visited,
a:active{
	color:#642202;
}

/* =================================================================================

   Wrapper
 
=================================================================================== */
#Wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#Wrapper img {
	vertical-align: baseline;
	}

/* =================================================================================

   Header
 
=================================================================================== */
#Header{
	/*height:68px;*/
}

#Header2{
	margin:5px 0 10px 0;
}

/*«150120ƒwƒbƒ_[•ΟX@*/
/*  topHeadL
-----------------------------------*/
#HeadL {
	width:238px;
	float:left;
}

/*  topHeadR
-----------------------------------*/
#HeadR {
	width:340px;
	float: right;
}

#HeadR ul {
	margin-top:10px;
}

#HeadR li {
	float:left;
	margin-left:15px;
}

#HeadL2 a:hover, #HeadR a:hover, #HeadR2 a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/*  topHeadL2
-----------------------------------*/
#HeadL2 {
	width:170px;
	float:left;
	margin:5px 12px 0 0;
}

/*  topHeadC2
-----------------------------------*/
#HeadC2 {
	float: left;
	margin:10px 0 0 0;
}

#HeadC2 h1 {
	font-size:11px;
}

/*  topHeadR2
-----------------------------------*/
#HeadR2 {
	width:209px;
	float: right;
}

/*ͺ150120ƒwƒbƒ_[•ΟX@*/

/*  HeadL
-----------------------------------
#HeadL {
	width:169px;
	float:left;
	margin-top:10px;
}

/*  HeadC
-----------------------------------
#HeadC {
	width:300px;
	float:left;
	margin-left:10px;
	margin-top:8px;
}

#HeadC h1 {
	font-size:11px;
}

/*  HeadR
-----------------------------------
#HeadR {
	width:407px;
	float: right;
	text-align:right;
}

#HeadR ul {
}

#HeadR li {
	float:left;
}


/* =================================================================================

   GlobalNav
 
=================================================================================== */
#GlobalNav {
	width:820px;
	height:40px;
	margin-left:41px;
	margin-top:5px;
}

#GlobalNav ul {
}

#GlobalNav li {
	float:left;
}

#GlobalNav img {
	vertical-align: bottom;
	}

/* =================================================================================

   Main
 
=================================================================================== */
#Main {
	background:url(../../images/main_bg.gif) repeat;
}

#Main h2 {
	margin-left:20px;
}

/*  BreadcrumbList
-----------------------------------*/
#BreadcrumbList {
	text-align:right;
	font-size:11px;
	margin-bottom:12px;
	margin-right:20px;
	margin-top:-15px;
}

/*  Pagetop
-----------------------------------*/
.Pagetop {
	margin-top:10px;
	text-align: right;
	font-size:11px;
}

/*  option
-----------------------------------*/
.option {
	font-size:10px;
}

/* =================================================================================

   Content
 
=================================================================================== */
#Content{
	float: right;
	width:664px;
	margin-right:20px;
	display:inline;
}

/* =================================================================================

   Side
 
=================================================================================== */
#Side{
	float: left;
	width:174px;
    margin: 0 0 0 20px;
	display:inline;
}

/*  SideMenu
-----------------------------------*/
ul#SideMenu {
	width:174px;
	display:block;
	margin:0 0 15px;
}

ul#SideMenu li a,
ul#SideMenu li a:hover {
	width:174px;
	display:block;
	text-decoration:none;
	box-sizing: border-box;
}

#Menu_1P { padding-left:30px; line-height:44px; height:44px; cursor:hand;}
#SideMenu_1 a:link {background:url(../../menu/images/side_menu_bg1_off.gif) no-repeat;}
#SideMenu_1 a:hover {background:url(../../menu/images/side_menu_bg1_on.gif) no-repeat;}

#Menu_2P { padding-left:30px; line-height:40px; height:40px; cursor:hand;}
#SideMenu_2 a:link {background:url(../../menu/images/side_menu_bg2_off.gif) no-repeat;}
#SideMenu_2 a:hover {background:url(../../menu/images/side_menu_bg2_on.gif) no-repeat;}

#Menu_3P { padding-left:30px; line-height:40px; height:40px; cursor:hand;}
#SideMenu_3 a:link {background:url(../../menu/images/side_menu_bg3_off.gif) no-repeat;}
#SideMenu_3 a:hover {background:url(../../menu/images/side_menu_bg3_on.gif) no-repeat;}

#Menu_4P { padding-left:30px; line-height:40px; height:40px; cursor:hand;}
#SideMenu_4 a:link {background:url(../../menu/images/side_menu_bg4_off.gif) no-repeat;}
#SideMenu_4 a:hover {background:url(../../menu/images/side_menu_bg4_on.gif) no-repeat;}

#Menu_5P { padding-left:30px; line-height:44px; height:44px; cursor:hand;}
#SideMenu_5 a:link {background:url(../../menu/images/side_menu_bg5_off.gif) no-repeat;}
#SideMenu_5 a:hover {background:url(../../menu/images/side_menu_bg5_on.gif) no-repeat;}

/*  SideMenu_1_on  */
#SideMenu_1_on a:link,
#SideMenu_1_on a:hover {background:url(../../menu/images/side_menu_bg1_on.gif) no-repeat;}

/*  SideMenu_2_on  */
#SideMenu_2_on a:link,
#SideMenu_2_on a:hover {background:url(../../menu/images/side_menu_bg2_on.gif) no-repeat;}

/*  SideMenu_3_on  */
#SideMenu_3_on a:link,
#SideMenu_3_on a:hover {background:url(../../menu/images/side_menu_bg3_on.gif) no-repeat;}

/*  SideMenu_4_on  */
#SideMenu_4_on a:link,
#SideMenu_4_on a:hover {background:url(../../menu/images/side_menu_bg4_on.gif) no-repeat;}

/*  SideMenu_5_on  */
#SideMenu_5_on a:link,
#SideMenu_5_on a:hover {background:url(../../menu/images/side_menu_bg5_on.gif) no-repeat;}

#SideMenu_1 a, #SideMenu_1 a:hover, #SideMenu_1 a:visited, #SideMenu_1 a:active,
#SideMenu_1_on a, #SideMenu_1_on a:hover, #SideMenu_1_on a:visited, #SideMenu_1_on a:active,
#SideMenu_2 a, #SideMenu_2 a:hover, #SideMenu_2 a:visited, #SideMenu_2 a:active,
#SideMenu_2_on a, #SideMenu_2_on a:hover, #SideMenu_2_on a:visited, #SideMenu_2_on a:active,
#SideMenu_3 a, #SideMenu_3 a:hover, #SideMenu_3 a:visited, #SideMenu_3 a:active,
#SideMenu_3_on a, #SideMenu_3_on a:hover, #SideMenu_3_on a:visited, #SideMenu_3_on a:active,
#SideMenu_4 a, #SideMenu_4 a:hover, #SideMenu_4 a:visited, #SideMenu_4 a:active,
#SideMenu_4_on a, #SideMenu_4_on a:hover, #SideMenu_4_on a:visited, #SideMenu_4_on a:active,
#SideMenu_5 a, #SideMenu_5 a:hover, #SideMenu_5 a:visited, #SideMenu_5 a:active,
#SideMenu_5_on a, #SideMenu_5_on a:hover, #SideMenu_5_on a:visited, #SideMenu_5_on a:active {
	color:#FF6600;
	}


/*  SideSeason
-----------------------------------*/
#Season_1P { padding-left:30px; line-height:44px; height:44px; cursor:hand;}
#SideSeason_1 a:link {background:url(../../season/images/side_season_bg1_off.gif) no-repeat;}
#SideSeason_1 a:hover {background:url(../../season/images/side_season_bg1_on.gif) no-repeat;}

#Season_2P { padding-left:30px; line-height:40px; height:40px; cursor:hand;}
#SideSeason_2 a:link { background:url(../../season/images/side_season_bg2_off.gif) no-repeat; }
#SideSeason_2 a:hover { background:url(../../season/images/side_season_bg2_on.gif) no-repeat;}

#Season_3P { padding-left:30px; line-height:40px; height:40px; cursor:hand;}
#SideSeason_3 a:link {background:url(../../season/images/side_season_bg3_off.gif) no-repeat;}
#SideSeason_3 a:hover { background:url(../../season/images/side_season_bg3_on.gif) no-repeat;}

#Season_4P { padding-left:30px; line-height:44px; height:44px; cursor:hand;}
#SideSeason_4 a:link {background:url(../../season/images/side_season_bg4_off.gif) no-repeat;}
#SideSeason_4 a:hover {background:url(../../season/images/side_season_bg4_on.gif) no-repeat;}

/*  SideSeason_1_on  */
#SideSeason_1_on a:link,
#SideSeason_1_on a:hover { background:url(../../season/images/side_season_bg1_on.gif) no-repeat;}
/*  SideSeason_2_on  */
#SideSeason_2_on a:link,
#SideSeason_2_on a:hover { background:url(../../season/images/side_season_bg2_on.gif) no-repeat;}
/*  SideSeason_3_on  */
#SideSeason_3_on a:link,
#SideSeason_3_on a:hover { background:url(../../season/images/side_season_bg3_on.gif) no-repeat;}
/*  SideSeason_4_on  */
#SideSeason_4_on a:link,
#SideSeason_4_on a:hover { background:url(../../season/images/side_season_bg4_on.gif) no-repeat;}

#SideSeason_1 a, #SideSeason_1 a:hover, #SideSeason_1 a:visited, #SideSeason_1 a:active,
#SideSeason_1_on a, #SideSeason_1_on a:hover, #SideSeason_1_on a:visited, #SideSeason_1_on a:active,
#SideSeason_2 a, #SideSeason_2 a:hover, #SideSeason_2 a:visited, #SideSeason_2 a:active,
#SideSeason_2_on a, #SideSeason_2_on a:hover, #SideSeason_2_on a:visited, #SideSeason_2_on a:active,
#SideSeason_3 a, #SideSeason_3 a:hover, #SideSeason_3 a:visited, #SideSeason_3 a:active,
#SideSeason_3_on a, #SideSeason_3_on a:hover, #SideSeason_3_on a:visited, #SideSeason_3_on a:active,
#SideSeason_4 a, #SideSeason_4 a:hover, #SideSeason_4 a:visited, #SideSeason_4 a:active,
#SideSeason_4_on a, #SideSeason_4_on a:hover, #SideSeason_4_on a:visited, #SideSeason_4_on a:active {
	color:#63B70F;
	}


/*  SideOtoku
-----------------------------------*/
#Otoku_1P { padding-left:30px; line-height:44px; height:47px; cursor:hand;}
#SideOtoku_1 a:link {background:url(../../otoku/images/side_otoku_bg1_off.gif) no-repeat; height:47px;}
#SideOtoku_1 a:hover {background:url(../../otoku/images/side_otoku_bg1_on.gif) no-repeat; height:47px;}

#Otoku_2P { padding-left:30px; height:49px; width:170px; cursor:hand; display:block; padding: 8px 0 0 30px; box-sizing: border-box;}
#SideOtoku_2 a:link {background:url(../../otoku/images/side_otoku_bg2_off.gif) no-repeat;}
#SideOtoku_2 a:hover {background:url(../../otoku/images/side_otoku_bg2_on.gif) no-repeat;}

#Otoku_3P { padding-left:30px; line-height:40px; height:40px; cursor:hand;padding-top: 15px;}
#SideOtoku_3 a:link {background:url(../../otoku/images/side_otoku_bg3_off.gif) no-repeat; height:40px;}
#SideOtoku_3 a:hover {background:url(../../otoku/images/side_otoku_bg3_on.gif) no-repeat; height:40px;}

#Otoku_4P { padding-left:30px; line-height:40px; height:47px; cursor:hand;}
#SideOtoku_4 a:link {background:url(../../otoku/images/side_otoku_bg4_off.gif) no-repeat; height:47px;}
#SideOtoku_4 a:hover {background:url(../../otoku/images/side_otoku_bg4_on.gif) no-repeat; height:47px;}

#Otoku_5P { padding-left:30px; line-height:40px; height:62px; cursor:hand;}
#SideOtoku_5 a:link {background:url(../../otoku/images/side_otoku_bg5_off.gif) no-repeat; height:62px;}
#SideOtoku_5 a:hover {background:url(../../otoku/images/side_otoku_bg5_on.gif) no-repeat; height:62px;}

/*  SideMenu_1_on  */
#SideOtoku_1_on a:link,
#SideOtoku_1_on a:hover {background:url(../../otoku/images/side_otoku_bg1_on.gif) no-repeat; height:47px;}
/*  SideMenu_2_on  */
#SideOtoku_2_on a:link,
#SideOtoku_2_on a:hover {background:url(../../otoku/images/side_otoku_bg2_on.gif) no-repeat;}
/*  SideMenu_3_on  */
#SideOtoku_3_on a:link,
#SideOtoku_3_on a:hover {background:url(../../otoku/images/side_otoku_bg3_on.gif) no-repeat; height:40px;}
/*  SideMenu_4_on  */
#SideOtoku_4_on a:link,
#SideOtoku_4_on a:hover {background:url(../../otoku/images/side_otoku_bg4_on.gif) no-repeat; height:47px;}
/*  SideMenu_5_on  */
#SideOtoku_5_on a:link,
#SideOtoku_5_on a:hover {background:url(../../otoku/images/side_otoku_bg5_on.gif) no-repeat; height:62px;}


#SideOtoku_1 a, #SideOtoku_1 a:hover, #SideOtoku_1 a:visited, #SideOtoku_1 a:active,
#SideOtoku_1_on a, #SideOtoku_1_on a:hover, #SideOtoku_1_on a:visited, #SideOtoku_1_on a:active,
#SideOtoku_2 a, #SideOtoku_2 a:hover, #SideOtoku_2 a:visited, #SideOtoku_2 a:active,
#SideOtoku_2_on a, #SideOtoku_2_on a:hover, #SideOtoku_2_on a:visited, #SideOtoku_2_on a:active,
#SideOtoku_3 a, #SideOtoku_3 a:hover, #SideOtoku_3 a:visited, #SideOtoku_3 a:active,
#SideOtoku_3_on a, #SideOtoku_3_on a:hover, #SideOtoku_3_on a:visited, #SideOtoku_3_on a:active,
#SideOtoku_4 a, #SideOtoku_4 a:hover, #SideOtoku_4 a:visited, #SideOtoku_4 a:active,
#SideOtoku_4_on a, #SideOtoku_4_on a:hover, #SideOtoku_4_on a:visited, #SideOtoku_4_on a:active,
#SideOtoku_5 a, #SideOtoku_5 a:hover, #SideOtoku_5 a:visited, #SideOtoku_5 a:active,
#SideOtoku_5_on a, #SideOtoku_5_on a:hover, #SideOtoku_5_on a:visited, #SideOtoku_5_on a:active {
	color:#24B4F9;
	}


/*  Side_box_on  */
#side_box1 a:link {display:block; color:#24B4F9; width:162px; height:202px; background:url(../../../temari/shared/images/event/event_005_off_o.gif) no-repeat;}
#side_box1 a:hover {display:block; color:#24B4F9; background:url(../../../temari/shared/images/event/event_005_off_o.gif) no-repeat; width:162px; height:202px;}
#side_box1 a:visited {display:block; color:#24B4F9; background:url(../../../temari/shared/images/event/event_005_off_o.gif) no-repeat; width:162px; height:202px;}
#side_box1 a:active {display:block; color:#24B4F9; background:url(../../../temari/shared/images/event/event_005_off_o.gif) no-repeat; width:162px; height:202px;}


/*  BnrPickup
-----------------------------------*/
#BnrPickup {
	margin-bottom:15px;
}

/*  SideBnr
-----------------------------------*/
.SideBnr {
	width: 100%;
    text-align: center;
    display: block;
	margin: 0 auto 10px;
}

.SideBnr img {
	margin:0 auto 5px;
}

.SideBnr a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.SideBtn { margin-bottom:8px;}


/* =================================================================================

   Footer
 
=================================================================================== */
#Footer{
	background: url(../../images/foot_bg.gif) repeat-x;
	width:100%;
	height:114px;
	font-size:11px;
	margin-top:15px;
}

#FooterBoxTop{
	width:957px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding-top:18px;
}

#FooterBoxTopm{
	width:900px;
	margin-left:37px;
}

#FooterBox{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	padding-top:18px;
}

#FooterBoxL ul{
	clear:both;
	width:330px;
	float:left;
	display:inline;
}

#FooterBoxL li{
	float:left;
	margin-right:20px;
	background: url(../../images/foot_linkmark.gif) no-repeat;
	padding-left:15px;
	display:inline;
}

#FooterBoxL li img{
	vertical-align:middle;
}

#FooterBoxR{
	width:550px;
	float:right;
	text-align:right;
}

#FooterLink{
	text-align: center;
	line-height:1.5;
}

.Footerline {
padding:14px 0 14px 0 ;
vertical-align:middle;
}


/* =================================================================================

   7andiLogo
 
=================================================================================== */
#LogoBox{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#Logo {
width:900px;
/*margin-left:215px;*/
text-align:center;
margin-top:10px;
}

#LogoL {
width:150px;
float: left;
font-size:9px;
margin-top:10px;
}

#LogoR {
width:181px;
float: right;
}

#group {
margin-left:432px;
/*margin-top:5px;*/
padding-bottom:15px;
}

#Logo img {
vertical-align:middle;
}

/* =================================================================================

   Float Clearing
 
=================================================================================== */
.clearFix{
display:inline-table;
}

.clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}

/* Hides from IE-mac \*/
* html .clearFix{
height:1%;
}
.clearFix{
display:block;
}
/* End hide from IE-mac */


/* =================================================================================

   Float left,right
 
=================================================================================== */
.fL{float:left;}
.fR{float:right;}


/* =================================================================================

   Float Clearing
 
=================================================================================== */
.cf:before,.cf:after{content: "";display: table}
.cf:after{clear: both}
.cf{zoom:1}