html {
overflow-y: scroll;
}

body {
	font-size:12px;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote,
th, td {
margin: 0;
padding: 0;
}

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

fieldset, img {
border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}

li {
list-style: none;
}

caption,
th {
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr,
acronym {
border: 0;
font-variant: normal;
}

sup, sub {
line-height: -1px;
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

*{
	margin: 0;
	padding: 0;
}

html,body{
  height:100%;
}

#emp{
	font-size:15px;
}



body{
	background:url(../images/bg.png) 0 0 repeat-x;
}

.wrapper{
	text-align:left;
	width:960px;
	margin:0 auto;
	min-height:100%;
	_height:100%;
}

.header{
	width:100%;
	height:123px;
}

#top_text{
	width:100%;
	height:43px;
}

#subtitle{
	width:360px;
	height:33px;
	padding:5px;
	font-size:12px;
	display:inline;
	float:left;
}

#sub_menu{
	width:340px;
	height:33px;
	padding:5px;
	display:inline;
	float:right;
}

#sub_menu_ul li{
	display: inline;
	float: left;
	width: 110px;
	height: 20px;
	font-size:12px;
	text-align:right;
	text-decoration:underline;
}


#top_text_under{
	width:100%;
	height:80px;
}

#logo_box{
	width:150px;
	height:80px;
	float:left;
}
#logo{
	width:113px;
	height:50px;
	margin:20px 22px 10px 15px;
}

#menu_box{
	width:810px;
	height:80px;
	background:url("../images/menu_bg.png") 0 0 no-repeat;
	float:left;
}

#menu_topmargin{
	height:30px;
}

.main_image{
	width:100%;
	height:350px;
	margin-top:25px;
	background:url("../images/main_image.png") 0 bottom no-repeat;	
}

.main_content{
	clear:both;
	width:100%;
/*	height:900px;*/
	margin-top:25px;
}

.left2{
	width:745px;
/*	height:900px;*/
	float:left;
	
}

.left{
	width:190px;
/*	height:900px;*/
	float:left;
}

.center{
	width:530px;
/*	height:900px;*/
	float:left;
	margin-left:25px;
	display:inline;
}

.right{
	width:190px;
/*	height:900px;*/
	float:left;
	margin-left:25px;
	display:inline;
}

.footer{
	text-align:left;
	width:100%;
	height:150px;
	clear:both;
	margin:0 auto;
	background:url(../images/footer.png) 0 0 no-repeat;
}

/*menu***********************************************/

#menu{
	height:50px;
	background:url(../images/menu.png) no-repeat;
}

#menu li {
	display: inline;
	float: left;
	width: 135px;
	height: 50px;
}

#menu a {
	float: left;
	overflow: hidden;
	display: block;
	width: 135px;
	height: 50px;
	text-indent: -9999em;
	background:url(../images/menu.png) no-repeat;
}

#menu a #a1{background-position:0 0;}
#menu a #a2{background-position:-135px 0;}
#menu a #a3{background-position: -270px 0;}
#menu a #a4{background-position: -405px 0;}
#menu a #a5{background-position: -540px 0;}
#menu a #a6{background-position: -675px 0;}

 #menu #menu_home a {background-position:  0 0;}
 #menu #menu_about a {background-position:  -135px 0;}
 #menu #menu_topics a {background-position:  -270px 0;}
 #menu #menu_past a {background-position: -405px 0;}
 #menu #menu_place a {background-position:  -540px 0;}
 #menu #menu_circle a {background-position: -675px 0;}


 #menu #menu_home a:hover ,#home #menu_home a{background-position: 0 -50px;}
 #menu #menu_about a:hover, #about #menu_about a {background-position: -135px -50px ;}
 #menu #menu_topics a:hover, #topics #menu_topics a {background-position:  -270px -50px;}
 #menu #menu_past a:hover, #past #menu_past a {background-position:  -405px -50px ;}
 #menu #menu_place a:hover, #place #menu_place a {background-position: -540px -50px;}
 #menu #menu_circle a:hover, #circle #menu_circle a {background-position: -675px -50px;}
 
 
 #menu #menu_home a:active {background-position: 0 -50px ;}
 #menu #menu_about a:active {background-position: -135px -50px ;}
 #menu #menu_topics a:active {background-position: -270px -50px;}
 #menu #menu_past a:active {background-position:   -405px -50px ;}
 #menu #menu_place a:active {background-position: -540px -50px ;}
 #menu #menu_circle a:active {background-position: -675px -50px ;}

/*left*****************************************************************/
#place_bg{
	width:190px;
	height:190px;
	background:url("../images/place_bg_image.png") 0 0 no-repeat;
	margin-top:-25px;
	margin-bottom:10px;
}

#place_bg_ol{
	display:block;
	text-indent:-9999em;
}

#place_bg ul{
	position:relative;
	top:37px;
	left:110px;
	overflow: hidden;
}

#place_bg ul li {
	width: 73px;
	height: 42px;
	margin-bottom:3px;
}

#place_bg ul li a {
	overflow: hidden;
	display: block;
	width: 73px;
	height: 42px;
	text-indent: -9999em;
}

#hokubu a{
	background:url(../images/place_bottun.png) -1px 0 no-repeat;
}

#chubu a{
	background:url(../images/place_bottun.png) -1px -41px  no-repeat;
}

#nanbu a{
	background:url(../images/place_bottun.png) -1px -81px; no-repeat;
}

#hokubu a:active ,#hokubu a:hover {
	background-position: -73px 0;
}

#chubu a:active ,#chubu a:hover {
	background-position: -73px -41px;
}

#nanbu a:active ,#nanbu a:hover {
	background-position: -73px -81px;
}

#place_top_image{
	width:735px;
	height:200px;
	background:url("../images/place_top_image.png") 0 0 no-repeat;
	margin-bottom:10px;
}

#place #text_space_box ul{
	font-size:15px;
	color:#2233bb;
}

#place #text_space_box li{
	font-size:13px;
	color:#000000;
}

#place #text_space_box ol li{
	font-size:12px;
	margin-left:20px;
}



/****************************************************/


#blog_banner{
	width:190px;
	height:100px;
}

#blog_banner a {
	background:url("../images/blog_banner.png") 0 0 no-repeat;
}

#blog_banner a {
	float: left;
	overflow:hidden;
	display: block;
	width: 190px;
	height: 100px;
}

#blog_banner a:hover{
	background-position: 0 -100px;
}

/*right**********************************************************/
#boshu_sidebar{
	width:190px;
	height:95px;
	margin-bottom:10px;
}

#boshu_sidebar a{
	background:url("../images/boshu_banner.png") 0 0 no-repeat;
}

#boshu_sidebar a {
	float: left;
	overflow:hidden;
	display: block;
	width: 190px;
	height: 95px;
}
/*center*****************************************************************/
#center_topic_tile{
	clear:both;
	width:530px;
	margin:20px 0;
}

#tile_ul{
	margin-top:10px;
	width:530px;
	overflow:auto;
}

#tile_ul li {
	float: left;
	margin-right:3px;
}

#tile_2 a,#tile_3 a,#tile_4 a,#tile_5 a,#tile_6 a {
	float: left;
	overflow: hidden;
	display: block;
	width: 176px;
	height: 83px;
	text-indent: -9999em;
	background:url('../images/comingsoon.png') 0 0 no-repeat;
}
#tilelist_br{
	clear:both;
	float:left;
}
/*
 #tile_ul #tile_1 a {background:url('../images/comingsoon.png') 0 0 no-repeat;}
 #tile_ul #tile_2 a {background:url('../images/comingsoon.png') 0 0 no-repeat;}
 #tile_ul #tile_3 a {background:url('../images/comingsoon.png') 0 0 no-repeat;}
 #tile_ul #tile_4 a {background:url('../images/comingsoon.png') 0 0 no-repeat;}
 #tile_ul #tile_5 a {background:url('../images/comingsoon.png') 0 0 no-repeat;}
 #tile_ul #tile_6 a {background:url('../images/comingsoon.png') 0 0 no-repeat;}
*/
#tile {
	border:1px solid #ccc;
}

#center_content_title{
	clear:both;
	margin-top:10px;
	width:515px;
	height:18px;
	padding-left:15px;
	padding-top:6px;
	background:url("../images/center_title_bg.png") 0 0 no-repeat;
	font-size:11px;
	font-width:bold;
}

#topics_top_image{
	margin-top:10px;
	margin-left:6px;
	width:128px;
	height:100px;
	border:solid 1px #dddddd;
}

#center_content_title_topics{
	clear:both;
	margin-top:10px;
	width:504px;
	height:18px;
	padding-left:26px;
	padding-top:6px;
	background:url("../images/center_title_bg.png") 0 0 no-repeat;
	font-size:11px;
	font-width:bold;
}


#center_content_text{
	width:530px;
}

#center_content_text_Limg{
	width:153px;
	height:130px;
	float:left;
}

#center_content_text_Rimg{
	width:133px;
	height:110px;
	padding:10px 10px;
	float:left;
}

#center_content_text_Ltext{
	width:377px;
	float:left;
}

#center_content_text_Rtext{
	width:377px;
	float:left;
}

#text_top{
	clear:both;
	width:364px;
	height:20px;
	margin:0 auto;
	font-size:15px;
	padding:10px 3px 1px 10px;
	border-bottom:1px solid #dddddd;
}

#text_top a{
	text-decoration:none;
}
	
#text_under{
	width:364px;
	padding:3px 3px 3px 10px;
}

/*main_image***********************************************/

#main_image_topmarginbox{
	width:100%;
	height:30px;
}

#main_image_main{
	width:100%;
	height:300px;
}

#act_backnumber_slide{
	width:130px;
	height:300px;
	float:left;
	margin-left:50px;
	display:inline;
}

#main_center_imagebox{
	width:435px;
	height:214px;
	float:left;
	margin-left:100px;
	display:inline;
}

#main_center_imagecontent{
	width:435px;
	height:214px;
	background:url("../images/top_boshu_image.png") 0 0 no-repeat;
}
/*
#boshu_topmarginbox{
	width:435px;
	height:125px;
}

#boshu_underbox{
	width:435px;
	height58px;
}*/

#katudo_bottun{
	width:90px;
	height:40px;
	position:relative;
	top:165px;
	left:260px;
}

#katudo_bottun a{
	display: block;
	width:90px;
	height:40px;
	background:url("../images/top_katsudo_bottun.png") 0 0 no-repeat;
}

#boshu_Lbox{
	width:217px;
	height:58px;
	float:left;
}

#boshu_Rbox{
	width:217px;
	height:58px;
	float:right;
}

#boshu_blue{
	width:101px;
	height:58px;
	margin-left:10px;
}

#boshu_blue a {
	background:url("../images/boshu_blue.png") 0 0 no-repeat;
}

#boshu_blue a {
	float: left;
	overflow:hidden;
	display: block;
	width: 101px;
	height: 58px;
}

#boshu_blue a:hover{
	background-position: 0 -59px;
}

#boshu_pink{
	width:101px;
	height:58px;
	margin-left:10px;
}

#boshu_pink a {
	background:url("../images/boshu_pink.png") 0 0 no-repeat;
}

#boshu_pink a {
	float: left;
	overflow:hidden;
	display: block;
	width: 101px;
	height: 58px;
}

#boshu_pink a:hover{
	background-position: 0 -59px;
}





/*footer********************************************************/
#footer_wrapper{
	width:960px;
	height:150px;
	margin:0 auto;
}
#footer_top{
	width:100%;
	height:130px;
}

#footer_logobox{
	width:130px;
	height:50px;
	float:left;
	margin:20px 20px 20px 20px;
	display:inline;
}
#footer_logo{
	width:113px;
	height:54px;
	background:url("../images/logo.png") 0 0 no-repeat;
}

#footer_righttext{
	width:400px;
	height:130px;
	float:right;
	display:inline;
	font-size:11px;
	color:#777;
}

#footer_righttext p{
	margin-top:10px;
}

#footer_under{
	width:100%;
	height:20px;
	text-align:center;
	color:#777;
}

/*contact_boshu.php*********************************/
#boshu_table{
	width:733px;
	border:1px solid #dddddd;
	background-color:#ddddff;
	margin-bottom:50px;
}
#boshu_table tr{
	height:50px;
}

#koumoku{
	padding:5px;
	width:300px;
	height:50px;
	text-align:left;
	color:#2233bb;
}

#hitokoto{
	color:#2233bb;
}

#sousin{
	padding-left:160px;
}

#soushin_end{
	font-size:15px;
}

#boshu_return{
}

/*****************************************************/


/*about.php*****************************************************/
#about_mainimage{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/about_mainimage.png") 0 0 no-repeat;
}

#about_h2{
	width:735px;
	height:40px;
	background:url("../images/about_h2.png") 0 0 no-repeat;
	text-indent: -9999em;
	overflow:hidden;
	margin-bottom:5px;
}

#text_space_box{
	width:733px;
	border:1px solid #dddddd;
	margin-bottom:10px;
}

#text_space_box p{
	width:725px;
	height:32px;
	padding-top:10px;
	margin:0 4px 0 4px;
	text-align:left;
	color:#2233bb;
	font-size:17px;
	border-bottom:1px solid #dddddd;
}

#text_space{
	width:725px;
	margin:10px 4px 10px 10px;
	font-size:13px;
	text-align:left;
}

.concept ul li{
	color:#33CC00;
	font-size:17px;
}

#about_zisseki_shokai{
	width:735px;
	height:118px;
	margin-bottom:50px;
}

#zisseki{
	float:left;
	width:351px;
	height:118px;
}

#zisseki a{
	overflow: hidden;
	display: block;
	width: 351px;
	height: 118px;
	text-indent: -9999em;
	background:url(../images/about_zisseki_shokai.png) 0 0 no-repeat;
}

#zisseki a:hover{
	background:url(../images/about_zisseki_shokai.png) 0 -118px no-repeat;
}

#shokai{
	float:left;
	margin-left:33px;
	display:inline;
	width:351px;
	height:118px;
}

#shokai a{
	overflow: hidden;
	display: block;
	width: 351px;
	height: 118px;
	text-indent: -9999em;
	background:url(../images/about_zisseki_shokai.png) -384px 0 no-repeat;
}

#shokai a:hover{
	background:url(../images/about_zisseki_shokai.png) -384px -118px no-repeat;
}



/*****************************************************/


/*loc_navi****************************************************/
#height10{
	height:10px;
}
#loc_navi{

}


/*****************************************************/

/*circle***********************************************/

#dantai_gaiyo_ul li{
	color:#2233bb;
}

#dantai_gaiyo dt{
	color:#2233bb;
}

#dantai_gaiyo dd{
	padding-left:40px;
}

#cir_design{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/shokai_design.png") 0 0 no-repeat;
}

#cir_kikaku{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/shokai_kikaku.png") 0 0 no-repeat;
}

#cir_web{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/shokai_web.png") 0 0 no-repeat;
}

#cir_business{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/shokai_business.png") 0 0 no-repeat;
}

#cir_pr{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/shokai_pr.png") 0 0 no-repeat;
}
/*****************************************************/
#boshu_mainimage{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/boshu_mainimage.png") 0 0 no-repeat;
}

#team_gaiyou{
	width:730px;
}

#team_syurui{
	width:730px;
	height:200px;
	border-bottom:1px solid #dddddd;
}

#team_name{
	width:200px;
	height:120px;
	float:left;
	font:13pt bold;
	background-color:#2233bb;
	color:#ffffff;
	text-align:center;
	padding-top:80px;
}

#team_setsumei{
	width:526px;
	
	padding:2px;
	float:left;
}

#nitizi_basho{
	width:710px;
	padding:5px;
}

#nitizi,#katsudoubasho{
	font:15px bold;
}

/*circle_menu***********************************************/
#circle_menu_midashi{
	width:190px;
	height:30px;
	overflow: hidden;
	text-indent: -9999em;
	background:url("../images/circle_menu.png") 0 0 no-repeat;
}

#circle_menu{
	width:190px;
	height:150px;
	margin-bottom:10px;
}

#circle_menu li {
	display: inline;
	width: 190px;
	height: 30px;
}

#circle_menu a {
	overflow: hidden;
	display: block;
	width: 190px;
	height: 30px;
	text-indent: -9999em;
	background:url("../images/circle_menu.png") 0 -30px no-repeat;
}
/*
#circle_menu a #a1{background-position:  0 -30px;}
#circle_menu a #a2{background-position:  0  -60px;}
#circle_menu a #a3{background-position:  0 -90px;}
#circle_menu a #a4{background-position:  0 -120px;}
#circle_menu a #a5{background-position:  0 -150px;}
*/
#circle_menu #menu_design a {background-position: 0 -30px;}
#circle_menu #menu_kikaku a {background-position: 0 -60px;}
#circle_menu #menu_web a {background-position:  0 -90px;}
#circle_menu #menu_business a {background-position:  0 -120px;}
#circle_menu #menu_pr a {background-position: 0 -150px;}


#circle_menu #menu_design a:hover ,#design #menu_design a{background-position: -190px -30px;}
#circle_menu #menu_kikaku a:hover, #kikaku #menu_kikaku a {background-position: -190px -60px;}
#circle_menu #menu_web a:hover, #web #menu_web a {background-position: -190px -90px;}
#circle_menu #menu_business a:hover, #business #menu_business a {background-position:  -190px -120px;}
#circle_menu #menu_pr a:hover, #pr #menu_pr a {background-position: -190px -150px;}


#circle_menu #menu_design a:active {background-position: 0 -30px;}
#circle_menu #menu_kikaku a:active {background-position: -190px -60px;}
#circle_menu #menu_web a:active {background-position: -190px -90px;}
#circle_menu #menu_business a:active {background-position: -190px -120px;}
#circle_menu #menu_pr a:active {background-position:-190px -150px;}

/*****************************************************/

.h2{
	width:710px;
	height:30px;
	background:url("../images/h2.png") 0 0 no-repeat;
	clear:both;
	color:#2233bb;
	font:15pt bold;
	padding:5px 5px 5px 20px;
	margin-bottom:5px;
}

/*繝悶Ο繧ｰ譖ｴ譁ｰ譌･******************************************************/
#blog_date{
	font-size:11px;
	color:#777777;
}

/*驕主悉縺ｮAct!******************************************************/
.past_box{
	width:735px;
}
.past_box_ad{
	width:715px;
	padding-left:20px;
}

.past_box_space{
	width:735px;
	height:20px;
	clear:both;
}

.past_image{
	width:130px;
	height:173px;
	margin-left:30px;
	float:left;
	display:inline;
}
#past_image5{
	width:130px;
	height:173px;
	background:url("../images/act_slide/act_slide05.png") 0 0 no-repeat;
}

#past_image4{
	width:130px;
	height:173px;
	background:url("../images/act_slide/act_slide04.png") 0 0 no-repeat;
}

#past_image3{
	width:130px;
	height:173px;
	background:url("../images/act_slide/act_slide03.png") 0 0 no-repeat;
}

#past_image2{
	width:130px;
	height:173px;
	background:url("../images/act_slide/act_slide02.png") 0 0 no-repeat;
}

#past_image1{
	width:130px;
	height:173px;
	background:url("../images/act_slide/act_slide01.png") 0 0 no-repeat;
}

.past_textbox{
	width:550px;
	margin-left:20px;
	float:left;
	display:inline;
}
.past_vol_temabox{
	widht:540px;
	height:25px;
	border-bottom:1px solid #dddddd;
}

.past_vol_tema{
	width:540px;
	font:15px bold;
	float:left;
	dispaly:inline;
}

.past_detail{
	width:140px;
	font:13px;
	float:left;
	display:inline;
	color:#0000ff;
}

.past_content{
	clear:both
}

/*サイトマップ**********************************************/
.sitemap_ul ol,.sitemap_ul li{
	margin-left:20px;
	font-size:12px;
}

.sitemap_ul a{
	margin-left:０px;
}

.sankaku{
	clear:both;
	display:block;
	float:left;
	width:17px;
	height:17px;
	background:url("../images/sankaku.png") 0 0 no-repeat;
}

/*特集一覧*****************************************************/
.topics_gyo{
	clear:both;
	width:735px;
	height:150px;
}

.topics_one{
	float:left;
	width:238px;
	height:142px;
	margin:3px 3px 3px 2px;
	background-color:#ffffff;
	border:1px solid #dddddd;
}

.topics_one #comingsoon{
	margin-top:30px;
	margin-left:34px;
	width:176px;
	height:83px;
	background:url('../images/comingsoon.png') 0 0 no-repeat;
}

#topics_stsna_vol4{
	float:left;
	margin:5px;
	display:inline;
	width:110px;
	height:100px;
}

#topics_one_content{
	float:left;
	width:108px;
	height:135px;
	margin:5px;
}

#topics_one_content .title{
	font-size:13px;
	font-width:bold;
	color:#5555ff;
}
#topics_one_content .title a{
	color:#5555ff;
}

/*学P*****************/
#gakup_topimage{
	width:735px;
	height:200px;
	margin-bottom:10px;
	background:url("../images/gakup/main_image.png") 0 0 no-repeat;
}

#gakupmenu{
	height:58px;
	margin-bottom:10px;
}

#gakupmenu li {
	display: inline;
	float: left;
	width: 147px;
	height: 58px;
}

#gakupmenu a {
	float: left;
	overflow: hidden;
	display: block;
	width: 147px;
	height: 58px;
	text-indent: -9999em;
	background:url(../images/gakup/gakup_menu.png) no-repeat;
}

 #gakupmenu #top a {background-position:  0 0;}
 #gakupmenu #change a {background-position:  -147px 0;}
 #gakupmenu #team a {background-position:  -294px 0;}
 #gakupmenu #commodity a {background-position: -441px 0;}
 #gakupmenu #photosnap a {background-position:  -588px 0;}


 #gakupmenu #top a:hover , #gakup_top #top a,  #gakupmenu #top a:active{background-position: 0 -59px;}
 #gakupmenu #change a:hover, #gakup_change #change a, #gakupmenu #change a:active{background-position: -147px -59px ;}
 #gakupmenu #team a:hover, #gakup_team #team a, #gakupmenu #team a:active{background-position:  -294px -59px;}
 #gakupmenu #commodity a:hover, #gakup_commodity #commodity a, #gakupmenu #commodity a:active{background-position:  -441px -59px ;}
 #gakupmenu #photosnap a:hover, #gakup_photosnap #photosnap a,#gakupmenu #photosnap a:active {background-position: -588px -59px;}