/* CSS DOCUMENT */


@charset "Shift_JIS";

* {
	margin: 0;
	padding: 0;
	}

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,th,td { 
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	line-height:normal;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img { 	border:0;}

a {
	color: #39C4FF;
	text-decoration:none;
	}

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

body {
	width: 100%;
	color: #000000;
	font-size: 12px;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック","Verdana",Helvetica,Arial,sans-serif;
	background-color: #363636;
	position: relative;
	display:block;
	text-align: center; /* center on ie */
}

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




/* レイアウト*/

.left {	float: left;}
.right {	float: right;}

hr {
	clear: both;
	visibility: hidden;
}

div.clear{
	clear: both;
	height: 1px;
	}

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

.clearfix {display: inline-table;}



/* --------------------------------------------------------------- */
/* wrapper                                                         */
/* --------------------------------------------------------------- */

#wrapper{
	width: 100%;
	text-align: center; /* center on ie */
	position: relative;
	background-color: #363636;
}



/* --------------------------------------------------------------- */
/* header                                                          */
/* --------------------------------------------------------------- */

#head{
	width: 100%;
	padding-bottom:20px;
	text-align: center; /* center on ie */
	position: relative;
	background-color: #000000;
}

#header{
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: right; /* right on ie */
	background:url(../images/head_ad.gif) no-repeat top right;
}

#global_menu{
	padding-top:72px;
	text-align: right; /* right on ie */
}

#global_menu img{	margin: 0 0 0 20px;}
#logo{	float:left;}





/* --------------------------------------------------------------- */
/* header                                                          */
/* --------------------------------------------------------------- */

#foot{
	width: 100%;
	text-align: center; /* center on ie */
	position: relative;
}

#footer{
	width: 960px;
	margin: 0 auto;
	padding-bottom:100px;
}


/* --------------------------------------------------------------- */
/* main                                                            */
/* --------------------------------------------------------------- */

#main,#main_con01,#main_con02,#main_con03,#main_con04{
	width: 100%;
	text-align: center; /* center on ie */
	position: relative;
}

#main_con01{	background:url(../concept/images/back01.jpg) no-repeat top center;}
#main_con02{	background:url(../concept/images/back02_b.gif) repeat-y top center;}
#main_con03{	background:url(../concept/images/back03.gif) repeat-y top center;}

#main_bear01{	background:url(../bear/images/back01.jpg) no-repeat top center;}
/* #main_bear02{	background:url(../bear/images/photo_back.jpg) repeat-y top center;} */
#main_bear03{	background:url(../bear/images/bear_list_back.jpg) repeat-y top center;}

#flash{
	height: 800px;
	text-align: center; /* center on ie */
	position: relative;
}



/* --------------------------------------------------------------- */
/* concept                                                         */
/* --------------------------------------------------------------- */

#concept01{
	width: 960px;
	margin: 0 auto;
	padding-top:142px;
	padding-bottom:50px;
	text-align: left; /* left on ie */
	background:url(../concept/images/back01_2.jpg) no-repeat top left;
}

#concept01 .title,
#concept01 .read {
	padding-left:456px;
}

#concept01 .read,
#concept01 .title_t{
	margin: 0 0 96px 0;
}

#concept01 .read{
	font-size: 11px;
	line-height: 1.9em;
}

#concept01 #photo_box{
	margin: 0 0 0 387px;
	text-align: left; /* left on ie */
}

#concept01 #photo_box .photo{
	width:107px;
	margin: 0 0 50px 70px;
	float:left;
	display:inline;
}

#concept02,#concept03{
	width: 960px;
	margin: 0 auto;
	padding-top:55px;
	padding-bottom:120px;
	text-align: left; /* left on ie */
	background:url(../concept/images/back02_2_b.gif) no-repeat top left;
}

#concept02{	background:url(../concept/images/back02_2_b.gif) repeat-y top left;}
#concept03{	background:url(../concept/images/back03_2.gif) repeat-y top left;}

#concept02 .left,#concept03 .left{
	width: 488px;
	margin: 0 0 0 35px;
	text-align: left; /* left on ie */
	float:left;
	display: inline;
}

#concept02 .left .photo{
	margin: 0 0 20px 0;
	float:left;
	display: inline;
}

#concept02 .left .photo2{
	margin: 0 45px 30px 0;
	float:left;
}

#concept02 .right,#concept03 .right{
	width: 257px;
	margin: 0 26px 0 0;
	text-align: left; /* left on ie */
	font-size: 11px;
	line-height: 1.9em;
	float:right;
	display: inline;
}

#concept02 .right{	color: #FFFFFF;}

#concept03 .right{	width: 283px;}

#concept03 .left p{
	margin: 0 0 15px 0;
	font-size: 9px;
	line-height: 1.5em;
}

#concept03 .right .photo_box{
	width: 283px;
	text-align: left; /* left on ie */
}

#concept03 .right .photo_box .photo{
	width:107px;
	margin: 0 34px 40px 0;
	float:left;
	display: inline;
}

.sub_title{	margin: 0 0 40px 0;}

#concept01 #photo_box .photo p,
#concept02 .left .photo p{	margin: 2px 0 0 0;}





/* --------------------------------------------------------------- */
/* hide_bear                                                       */
/* --------------------------------------------------------------- */

#bear01_1{
	width: 960px;
	margin: 0 auto;
	padding:68px 0 490px 0;
	text-align: left; /* left on ie */
	background:url(../bear/images/back01_in01.jpg) no-repeat top left;
}

#bear01_2{
	width: 960px;
	height:355px;
	margin: 0 auto;
	text-align: left; /* left on ie */
	background:url(../bear/images/back01_in02.jpg) no-repeat top left;
}

#bear01_3{
	width: 960px;
	height:386px;
	margin: 0 auto;
	text-align: right; /* left on ie */
	background:url(../bear/images/back01_in03.jpg) no-repeat top left;
}

#bear01_3 img{
	margin: 260px 0 0 0;
}

#bear02{
	width: 960px;
	margin: 0 auto;
	padding:85px 0 50px 0;
	text-align: left; /* left on ie */
}

#bear03 {
	width: 960px;
	margin: 0 auto;
	padding-top:70px;
	padding-bottom:70px;
	text-align: left; /* left on ie */
}

#bear03 .main_title{
	margin:0 0 0 10px;
}

#bear03 .list {
	width: 960px;
	margin: 50px auto;
	text-align: left; /* left on ie */
}

#bear03 h2{
	margin: 0 10px;
}

#bear03 .list .entry {
	width: 140px;
	margin: 0 10px 30px 10px;
	text-align: left; /* left on ie */
	float:left;
	display: inline;
}

#bear03 .list .entry a .photo p{
	padding: 9px;
	border:#212121 solid 1px;
	background-color: #FFFFFF;
}

#bear03 .list .entry a:hover .photo p {
	padding: 9px;
	border:#212121 solid 1px;
	background-color: #C3AF00;
}

#bear03 .list .entry p.title {
	margin: 3px;
	text-align: left; /* left on ie */
	font-size: 10px;
	color: #797979;
}

#bear03 .list .entry p.more {
	padding: 3px 0;
	border-top:#212121 solid 1px;
	border-bottom:#212121 solid 1px;
}

#bear03 .list .entry a p.more {
	font-size: 9px;
	color:#C3AF00;
	text-decoration:none;
}

#bear03 .list .entry a:hover p.more {
	background-color:#C3AF00;
	color: #FFFFFF;
	text-decoration:none;
}

#bear03 .list .entry p a{
	color: #000000;
	text-decoration:none;
}

#bear03 .list .entry p a:hover {	color: #454545;}

#bear03 .sub_list_title{
	margin: 0 0 0 10px;
	font-size: 24px;
	letter-spacing:0.1em;
	font-weight: normal;	
}

#bear03 .sub_list_title2{
	margin: 15px 0 15px 10px;
	font-size: 24px;
	letter-spacing:0.1em;
	font-weight: normal;	
}

#bear03 .move {
	margin: 0 10px;
	font-size: 10px;
}

#bear03 .move2 {
	font-size: 12px;
	text-align: center; /* center on ie */
}

#bear03 .entry_line {
	width: 960px;
	margin: 0 0 30px 0;
	text-align: left; /* left on ie */
}

#bear03 .entry_box {
	width: 940px;
	margin: 0 9px 30px 9px;
	text-align: left; /* left on ie */
	border:#212121 solid 1px;
	background-color: #FFFFFF;
}

#bear03 .entry_box .icon{
	padding: 15px 0 0 25px;
	text-align: left; /* left on ie */
	background-color: #000000;
}

#bear03 .entry_box .title{
	padding: 0 25px 20px 25px;
	text-align: left; /* left on ie */
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #212121 solid 1px;
	background-color: #000000;
}

#bear03 .entry_box .title a{
	color: #FFFFFF;
	text-decoration:none;
}

#bear03 .entry_box .title a:hover {	color: #787878;}

#bear03 .entry_box .body{
	padding: 24px;
	text-align: left; /* left on ie */
	font-size: 12px;
}

#bear03 .entry_box .body img{
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
	border-top:#BFBFBF solid 1px;
}








/* --------------------------------------------------------------- */
/* news_blog                                                       */
/* --------------------------------------------------------------- */

#news h1#page-title,
#blog h1#page-title {
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
	font-size: 20px;
	font-weight: bold;
	border-left: #000000 12px solid;
	line-height: 1.4em;
}

#news,#blog {
	width: 960px;
	margin: 0 auto;
	padding-top:70px;
	padding-bottom:100px;
}

#news #menu_line,#blog #menu_line {
	width: 270px;
	text-align: left; /* left on ie */
	float:left;
}

#news #menu_line p,#blog #menu_line p,
#news #menu_line ul,#blog #menu_line ul {
	margin:0 0 30px 0;
	padding-bottom: 40px;
	font-size: 10px;
	border-bottom:#272727 solid 1px;
}

#news #menu_line ul,#blog #menu_line ul {
	font-size: 12px;
	list-style:none;
}

#news #menu_line li,#blog #menu_line li {
	margin: 0 0 4px 0;
}

#calendar_box{
	margin:0 0 30px 0;
	padding-bottom: 40px;
	font-size: 10px;
	border-bottom:#272727 solid 1px;
}

#calendar_box .now_month{
	margin:0 0 5px 0;
	font-size:12px;
    color: #000000;
	font-weight:bold;
}

#calendar{
}

#calendar th{
    height: 25px;
	margin: 0;
    padding: 1px;
	font-size:10px;
    color: #DEDEDE;
	text-align: center; /* center on ie */
    font-weight: normal;
    background: #000000;
}

#calendar td{
    height: 25px;
	margin: 0;
    padding: 1px;
	font-size:10px;
    color: #000000;
	text-align: center; /* center on ie */
}

#calendar th.sun {
    color: #FF6666;
}

#calendar th.sat {
    color: #6666FF;
}


#news #entry_line,#blog #entry_line {
	width: 630px;
	float:right;
	text-align: left; /* left on ie */
}

#news .entry,
#blog .entry,
#news .com_track,
#blog .com_track{
	margin: 0 0 50px 0;
	text-align: left; /* left on ie */
}

#news .entry .title,
#blog .entry .title,
#news .com_track .title,
#blog .com_track .title{
	padding: 8px 14px;
	text-align: left; /* left on ie */
	font-size: 18px;
	font-weight: bold;
	border: #272727 solid 1px;
	background-color: #636363;
}

#news .entry .title{	color: #4AD023;}
#blog .entry .title{	color: #D5C900;}
#news .com_track .title{	color: #000000;}
#blog .com_track .title{	color: #000000;}
#news .entry .title a{	color: #4AD023;}
#blog .entry .title a{	color: #D5C900;}
#news .entry .title a:hover {	color: #79E859;}
#blog .entry .title a:hover {	color: #EAE03D;}

#news .entry .time,#blog .entry .time,
#blog .com_track .time,#news .com_track .time{
	padding: 5px 14px;
	text-align: left; /* left on ie */
	font-size: 10px;
	color: #000000;
	border-left:#272727 solid 1px;
	border-right:#272727 solid 1px;
	border-bottom:#272727 solid 1px;
	background-color: #636363;
}

#news .entry .time a,
#blog .entry .time a{	color: #000000;}
#news .entry .time a:hover,
#blog .entry .time a:hover {	color: #454545;}

#news .entry .body,
#blog .entry .body,
#news .com_track .body,
#blog .com_track .body{
	padding: 24px 24px;
	text-align: left; /* left on ie */
	font-size: 12px;
	border-left:#272727 solid 1px;
	border-right:#272727 solid 1px;
	border-bottom:#272727 solid 1px;
	background-color: #636363;
}

#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me,
#comments-open-text{
	margin: 0 0 10px 0;
}




/* --------------------------------------------------------------- */
/* collection                                                      */
/* --------------------------------------------------------------- */

#collection {
	width: 960px;
	margin: 0 auto;
	padding-top:70px;
	padding-bottom:70px;
}

#collection .main_title{
	margin:0 0 0 10px;
}

#collection .list {
	width: 960px;
	margin: 50px auto;
	text-align: left; /* left on ie */
}

#collection h2{
	margin: 0 10px;
}

#collection .list .entry {
	width: 140px;
	margin: 0 10px 30px 10px;
	text-align: left; /* left on ie */
	float:left;
	display: inline;
}

#collection .list .entry a .photo p{
	padding: 9px;
	border:#212121 solid 1px;
	background-color: #FFFFFF;
}

#collection .list .entry a:hover .photo p {
	padding: 9px;
	border:#212121 solid 1px;
	background-color: #C3AF00;
}

#collection .list .entry p.title {
	margin: 3px;
	text-align: left; /* left on ie */
	font-size: 10px;
	color: #000000;
}

#main_bear03 #collection .list .entry p.title {
	color: #FFFFFF;
}

#collection .list .entry p.more {
	padding: 3px 0;
	border-top:#212121 solid 1px;
	border-bottom:#212121 solid 1px;
}

#collection .list .entry a p.more {
	font-size: 9px;
	color:#C3AF00;
	text-decoration:none;
}

#collection .list .entry a:hover p.more {
	background-color:#C3AF00;
	color: #FFFFFF;
	text-decoration:none;
}

#collection .list .entry p a{
	color: #000000;
	text-decoration:none;
}

#collection .list .entry p a:hover {	color: #454545;}

#collection .sub_list_title{
	margin: 0 0 0 10px;
	font-size: 24px;
	letter-spacing:0.1em;
	font-weight: normal;	
}

#collection .sub_list_title2{
	margin: 15px 0 15px 10px;
	font-size: 24px;
	letter-spacing:0.1em;
	font-weight: normal;	
}

#collection .sub_list_title2 a{
	text-decoration: none;
	color: #000000;
}

#collection .sub_list_title2 a:hover{
	text-decoration: none;
	color: #212121;
}

#collection .move {
	margin: 0 10px;
	font-size: 10px;
}

#collection .move2 {
	font-size: 12px;
}

#collection .entry_line {
	width: 960px;
	margin: 0 0 30px 0;
	text-align: left; /* left on ie */
}

#collection .entry_box {
	width: 940px;
	margin: 0 9px 30px 9px;
	text-align: left; /* left on ie */
	border:#272727 solid 1px;
	background-color: #FFFFFF;
}

#collection .entry_box .icon{
	padding: 15px 0 0 25px;
	text-align: left; /* left on ie */
	background-color: #000000;
}

#collection .entry_box .title{
	padding: 0 25px 20px 25px;
	text-align: left; /* left on ie */
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #272727 solid 1px;
	background-color: #000000;
}

#collection .entry_box .title a{
	color: #FFFFFF;
	text-decoration:none;
}

#collection .entry_box .title a:hover {	color: #787878;}

#collection .entry_box .body{
	padding: 24px;
	text-align: left; /* left on ie */
	font-size: 12px;
}

#collection .entry_box .body img{
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
	border-top:#BFBFBF solid 1px;
}


/*エントリー：ナビゲーション*/

#entry_navi{
	padding: 15px 0;
	border-top: #000000 1px dotted;
	border-bottom: #000000 1px dotted;
	text-align: center; /* center on ie */
}





/* --------------------------------------------------------------- */
/* contact                                                            */
/* --------------------------------------------------------------- */

#contact {
	width: 960px;
	margin: 0 auto;
	padding-top:70px;
	padding-bottom:70px;
}

#contact .read {
	text-align: left; /* left on ie */
	padding-bottom:50px;
}

#contact #form {
	text-align: left; /* left on ie */
}

#contact .sub_title {
	margin: 0;
	padding-bottom: 30px;
	text-align: left; /* left on ie */
	border-bottom: #272727 solid 1px;
}

#contact p {
	margin: 5px 0 0 0;
	padding-top: 12px;
	padding-bottom: 16px;
	padding-left: 300px;
	text-align: left; /* left on ie */
	border-bottom: #272727 solid 1px;
}

#contact p.c01 {	background: url(../contact/images/item01.jpg) no-repeat center left;}
#contact p.c02 {	background: url(../contact/images/item02.jpg) no-repeat center left;}
#contact p.c03 {	background: url(../contact/images/item03.jpg) no-repeat center left;}
#contact p.c04 {	background: url(../contact/images/item04.jpg) no-repeat center left;}
#contact p.c05 {	background: url(../contact/images/item05.jpg) no-repeat center left;}

#contact .waku01,#contact .waku02 {
	width: 500px;
	padding:2px;
	font-size: 12px;
	color: #FFFFFF;
	border: #242424 solid 2px;
	background-color:#242424;
}

#contact .waku01 {	width: 250px;}
#contact .waku02 {	width: 500px;}

#contact .waku01:hover,#contact .waku02:hover{
	border: #898989 solid 2px;
	background-color:#242424;
}

#contact .waku01:focus,#contact .waku02:focus{
	border: #565656 solid 2px;
	background-color:#242424;
}

#contact .btn_box {
	text-align: center; /* center on ie */
	padding-top:40px;
}

#contact .btn_box .btn {
	margin:20px 15px 0 15px;
}

.hisu {
	font-size: 10px;
	color:#FF0000;
	line-height: 1.4em;
}

.info_end {
	margin: 40px 120px 0 120px;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	text-align: center; /* center on ie */
}

.info_end h3 {
	margin: 0 0 15px 0;
	padding-bottom:15px;
	line-height:1.5em;
	font-size: 18px;
	border-bottom: #000000 dotted 1px;
}

.info_end .mess {
	margin: 0;
	padding:5px 0 0 0;
}





/* --------------------------------------------------------------- */
/* font                                                            */
/* --------------------------------------------------------------- */

.normal {
	font-size: 12px;
	line-height: 1.4em;
}

.mini {
	font-size: 10px;
	line-height: 1.4em;
}

.red {
	color:#FF0000;
}





/* --------------------------------------------------------------- */
/* sp                                                              */
/* --------------------------------------------------------------- */
.sp_t05 {	margin: 5px 0 0 0;}
.sp_t10 {	margin: 10px 0 0 0;}
.sp_t15 {	margin: 15px 0 0 0;}
.sp_t20 {	margin: 20px 0 0 0;}
.sp_t30 {	margin: 30px 0 0 0;}
.sp_t40 {	margin: 40px 0 0 0;}
.sp_t50 {	margin: 50px 0 0 0;}

.sp_b05 {	margin: 0 0 5px 0;}
.sp_b10 {	margin: 0 0 10px 0;}
.sp_b15 {	margin: 0 0 15px 0;}
.sp_b20 {	margin: 0 0 20px 0;}
.sp_b30 {	margin: 0 0 30px 0;}
.sp_b40 {	margin: 0 0 40px 0;}
.sp_b50 {	margin: 0 0 50px 0;}

.sp_t05_b05 {	margin: 5px 0 5px 0;}
.sp_t10_b10 {	margin: 10px 0 10px 0;}
.sp_t20_b20 {	margin: 20px 0 20px 0;}
.sp_t30_b30 {	margin: 30px 0 30px 0;}