/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	background: #ffffff;
	color: #444444;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
}
div.subtitle{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

html {
overflow-y: scroll;
}

img
{
	border: 0;
}

a img{
  opacity: 1;
  transition: 0.2s;
}
a:hover img{
  opacity: .6;
}


form
{
	margin: 0;
}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: url(images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}


/*NP_07Category用 パンくずリスト用*/
ul.pankuzu
{
	width:100%;/*910px;*/
	padding:0;/* 0;*/
	margin:0px auto 0px 17px;/* auto;*/
	height:23px;
	/*border:1px solid #dddddd;*/
	/*background:#dddddd url(images/pankuzu_bg.gif) repeat-x;*/
}
li.pankuzu_s
{
	height:20px;
	float:left;
	padding-left:10px;
	padding-top:2px;
	padding-right:0px;
	margin-left:0px;
	margin-right:5px;
}
li.pankuzu_b,li.pankuzu_c,li.pankuzu_i
{
	height:20px;
	float:left;
	/*background: url(images/pankuzu_20.gif) left no-repeat;*/
	padding-left:20px;
	padding-top:2px;
	padding-right:0px;
	margin-left:0px;
	margin-right:5px;
}


/* Links */

a:link {
	color: #444444;
	text-decoration: none;
}

a:visited {
	color: #444444;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #444444;
}

a:active {
	color: #444444;
	text-decoration: none;
}

.menu a:link
{
	color: #000000;/*#FF6935;*/
	text-decoration: none;
	/*font-weight: bold;*/

}

.menu a:visited
{
	color: #000000;/*#2292FF;*/
	text-decoration: none;
	/*font-weight: bold;*/
}

.menu a:hover
{
	color: #888888;/*#FF0000;*/
	text-decoration: none;
	/*font-weight: bold;*/
}

.menu a:active
{
	color: #888888;/*#000000;*/
	text-decoration: none;
	/*font-weight: bold;*/
}

.menu_middle a:link
{
	color: #000000;/*#FF6935;*/
	text-decoration: none;
	/*font-weight: bold;*/

}

.menu_middle a:visited
{
	color: #000000;/*#2292FF;*/
	text-decoration: none;
	/*font-weight: bold;*/
}

.menu_middle a:hover
{
	color: #888888;/*#FF0000;*/
	text-decoration: none;
	/*font-weight: bold;*/
}

.menu_middle a:active
{
	color: #888888;/*#000000;*/
	text-decoration: none;
	/*font-weight: bold;*/
}





/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 704px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  clearing
-------------------------------------------------*/

.c_line
{
	clear: both;
	height: 0px;
}
.c_line10
{
	clear: both;
	height: 10px;
}
.c_line20
{
	clear: both;
	height: 20px;
}
.c_line30
{
	clear: both;
	height: 30px;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#page{
	width: 100%;
	height: 100%;
	/* large header image is defined below */
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}

#header{
	width: 100%;
	height: 100%;
	/* large header image is defined below */
	margin: 0px auto;
}

.top-wrapper{
	width: 100%;
	height: 130px;
	margin: 0;
	padding: 0;
/*	background: url(images/header-bg-b.jpg) repeat;*/
	background: #444444;
}

.top-wrap{
	position: relative;
	width: 1010px;
	margin: 0 auto;
	paddeing: 0;
}

.top-main-title{
}
.top-main-title h1{
	position: absolute;
	color: #fff;
	margin: 0;
	z-index: 200;
 	left: 58px;
	top: 20px;

}

.topleft-wrap{

}

.topleft-wrap img{
	position: absolute;
	width: 300px;
	height: auto;
 	left: 50px;
	z-index: 100;
	top: 39px;
}


.left-wrap{
	width: 270px;
	float: left;
	margin: 0;
}

.left-wrap img{
	width: 100%;
	height: auto;
	margin: 40px 0 0 0;
}


.lead-t-wrap{
	width: 230px;
	float: right;
	margin: 0;
	padding-left: 0;
}

.lead-t{
	width: 230px;
	border-bottom: 1px solid #777777;
	text-align: center;
}

.lead-t p{
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	line-height: 0px;
}

.lead-t2{
	text-align: center;
}


.lead-t2 p {
	color: #fff;
	font-size: 24px;
	line-height: 0px;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}


.lead-t3{
	text-align: center;
	
}

.lead-t3 p{
	color: #fff;
	font-size: 18px;
	line-height: 0px;
	display: inline-block;	
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.lead-t3 a{
	padding: 0 10px 0 10px;
	vertical-align: middle;
	background: #57b5db;
	color: #fff;
	display: inline-block;	
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	font-size: 18px;
	line-height: 1px;
	border-radius: 5px;
}










.lead-m{
	width: 142px;
	height: 40px;
	float: left;
}

.lead-m a{
	line-height:40px;
	padding: 10px 10px;
	vertical-align: middle;
	background: #ffffff;
	text-align: center;
	font-weight: bold;
	color: #0D0D0D;
	float: float;
}

.lead-m a:hover{
	background: #d4d4d4;
	text-decoration: none;
	color: #6d6d6d;
}

.lead-w{
	width: 142px;
	height: 40px;
	float: right;
}

.lead-w a{
	line-height:40px;
	padding: 0 10px;
	vertical-align: middle;
	background: #ffffff;
	text-align: center;
	font-weight: bold;
	color: #0D0D0D;
	float: right;
}

.lead-w a:hover{
	background: #d4d4d4;
	text-decoration: none;
	color: #6d6d6d;
}


#down-wrap{
	position: relative;
	width: 980px;
	margin: 0px auto;	
    background: #fff000;
	z-index: 100;
}



.middle-wrap{
	width: 550px;
	height: 100px;
	float: left;
}

.middle-wrap h1{
	line-height: 100px;
	float: left;
}

#navtitle-wrapper{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.navtitle-wrap{
	width:980px;
	margin: 0 auto;	
}

.navtitle-wrap h2{
	float: left;
	font-size; 22px;
	color: #00afec;
	font-weight: bold;
	margin: 0 0 20px 10px;
}

.navitab-wrapper{
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
}


.navitab-wrap{
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: #efefef;
}

.navitab-wrap .fixbar {
	position: absolute;
	width: 100%;
	height: 50px;
	background: #efefef;
	top: 130px;
	z-index: 200;
}

.navitab-wrap.fixed .fixbar {
  position: fixed;
  top: 0;
  background: #efefef;
  opacity: 0.9;
}

.navitab{
	width:1010px;
	margin: 0 auto;
	padding: 0 0 0 5px;	

}

.navitab li{
	width: 152px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-width: 0 1px 0px 0;
	border-style: solid;
	border-color: #fff;
	float: left;
	margin: 0;
	list-style:none;
	padding: 0;
	list-style: none;
	cursor:pointer;
}

.navitab li:first-child{
	width: 80px;
	border-width: 0 1px 0px 1px;
}

.navitab li a:hover{
	background: #00f4f4f4;	
}



#navicontent-wrapper{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 15px 0;
	overflow: hidden;
	background: #fff;
}

.navicontent-wrap{
    padding-left: 0;
	text-align: center;
}

.navicontent{
	width: 220px;
	height: 100%;
    margin: 15px 5px 15px 5px;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.navipicture{
	width: 220px;
    padding-left: 0;
	text-align: center;
}

.navipicture img{
	width: 100%;
	height: auto;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.navititle{
    padding-left: 0;
	text-align: center;
}

.navititle h2{
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}



.extitle
{
	float: left;
	height: 60px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 50px;
	color: #2B2B2B;
}


.menu_basic
{
	float: right;
	height: 60px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0px 30px 0px 0px;
	margin: 25px 0px 0px 0px;
	color: #2B2B2B;
}

.menu_basic a:link
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.menu_basic a:visited
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.menu_basic a:hover
{
	color: #2DBCEF;
	/*text-decoration: underline;*/
}

#mainmenu_home_back
{
	width: 100%;
	height: 50px;
/*	background: url(images/bg_mainmenu.jpg) no-repeat;*/
	background: #dbdbdb;
	margin: auto;

}


.mainmenu_home
{
	width: 980px;
	height: 50px;
/*	background: url(images/bg_mainmenu.jpg) no-repeat;*/
	margin: auto;
	padding: 0px 0px 3px 0px;
/*	text-shadow: 1px 1px 0px #ffffff;*/
}


.mainmenu_home a:link
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.mainmenu_home a:visited
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.mainmenu_home_eboard
{
	width: 950px;
	height: 41px;
	background: url(images/bg_mainmenu_eboard.jpg) no-repeat;
	margin: auto;
	text-shadow: 1px 1px 0px #ffffff;
}

.mainmenu_home_eboard a:link
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.mainmenu_home_eboard a:visited
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}


.mainmenu_home_eboard a:hover
{
	color: #2DBCEF;
	/*text-decoration: underline;*/
	text-shadow: 1px 1px 0px #ffffff;
	text-decoration: none;
}

.mainmenu_home_btn
{
	width: 121px;
	height: 50px;
	float: left;
/*	text-align: center;*/
/*	font-size: 12px;*/
/*	line-height: 120%;*/
/*	margin: 0px 0px 0px 0px;*/
	display: block;
	color:#000000;

}

.mainmenu_home_btn:hover
{
	border-bottom: 3px solid #6b6b6b;
}





.mainmenu_home_btn_line
{
/*	width: 122px;*/
/*	height: 22px;*/
	height: 12px;
	float: left;
/*	text-align: center;*/
/*	font-size: 12px;*/
/*	line-height: 120%;*/
/*	margin: 12px 0px 0px 0px;*/
	margin: 15px 0px 0px 0px;
/*	display: block;*/
	border-right: 1px solid #6b6b6b;

}




.mainmenu_home_btn_moji
{
	width: 122px;
	height: 50px;
	text-align: center;
	font-size: 12px;
	margin: 7px 0px 0px 0px;
	color:#000000;
}



.mainmenu_home_btn_new 
{
	width: 118px;
	height: 34px;
	float: left;
	text-align: center;
	font-size: 12px;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	display: block;
}

.mainmenu_home_btn_new:hover
{
	color: #ff0000;
	/*text-decoration: underline;*/
	text-shadow: 1px 1px 0px #ffffff;
	text-decoration: none;
}




/*横に並べるボックスの設定*/
div.box2 {
width: 216px; /* ボックスの幅 */
height: 165px;/*ボックスの高さは文字数によって調整すること*/
background-color: #FFFFFF; /* ボックスの背景色 */
border: 0px #FFFFFF solid; /* ボックスの枠 */
font-size: 90%; /* ボックス内の文字サイズ */
float: left;/*ボックスを右に回り込ませる*/
margin-right: 5px;
margin-left: 0px;
margin-top: 10px;
margin-bottom:0px;
}

div.box2 p {
margin: 0px;/*文字と枠の間にスペース*/
}

.box2 p a:link
{
	color: #000000;

}

.box2 p img{
float:left;

}



.mainmenu_sub
{
/*	width: 950px;*/
	width: 980px;
	height: 45px;
/*	background: url(images/bg_mainmenu.jpg) no-repeat;*/
	background: url(images/widhi980_bg_mainmenu.jpg) no-repeat;
	margin: auto;
	text-shadow: 1px 1px 0px #ffffff;
}

.mainmenu_sub a:link
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.mainmenu_sub a:visited
{
	color: #2b2b2b;
	/*text-decoration: underline;*/
}

.mainmenu_sub a:hover
{
	color: #2DBCEF;
	/*text-decoration: underline;*/
	text-shadow: 1px 1px 0px #ffffff;
	text-decoration: none;
}

#navistyle
{
	width: 100%;
/*	background: #898989;*/
	background: url(images/headerbar_navi.jpg) repeat-x;
}

.navi
{
	width: 980px;
	height: 50px;
/*	background: url(images/bg_navi.jpg) no-repeat;*/
/*    background: #898989;*/
/*	text-shadow: 1px 1px 2px #666666;*/
	margin: 0 auto;
}

.navi a:link
{
	color: #ffffff;
	/*text-decoration: underline;*/
}

.navi a:visited
{
	color: #ffffff;
	/*text-decoration: underline;*/
}

.navi a:hover
{
	/*color: #BBF9FF;*/
	/*color: #ffb482;*/
	color: #B5B5B6;
	text-decoration: none;
/*	text-shadow: 0px 0px 4px #ffffff;*/
}


.navi_btn
{
	width: 193px;
	height: 50px;
	float: left;
	text-align: center;
	font-size: 12px;
	display: block;
	line-height: 120%;
	padding: 11px 0px 0px 0px;
	/*color: #ffffff;*/

}

.submenu01
{
/*	width: 950px;*/
	width: 980px;
	height: 100%;
/*	background: url(images/bg_submenu.jpg) top no-repeat;*/
	background: url(images/width980_bg_submenu.jpg) top no-repeat;
	margin: auto;
	padding: 5px 0px 0px 0px;
}

.submenu02
{
	width: 1010px;
	margin: 0 auto;
    background: #444444;
	margin-bottom: 30px;
	padding: 5px 0 5px 0;
}

.submenu02cat{
	margin: 15px 0px 15px 30px;
	text-align: left;
}

.submenu03
{
	width: 1010px;
	margin: 0 auto;
    margin-top: 120px;


}

.submenu03 p{
	font-size: 16px;
	margin: 0 0 5px 20px;
}













.submenu02body
{
	width:1010px;
    overflow: hidden;
    margin:0 auto ;
    padding: 0px 0px 0px 0px;
    list-style: none;
	cursor: default;
}



.submenu02 a:link
{
	color: #ffffff;
	/*text-decoration: underline;*/
}

.submenu02 a:visited
{
	color: #ffffff;
	/*text-decoration: underline;*/
}

.submenu02 a:hover
{
	/*color: #BBF9FF;*/
	/*color: #ffb482;*/
	color: #000000;
	text-decoration: none;
	text-shadow: 0px 0px 4px #ffffff;
}











/* NP_List */
.current 
{
	color: #000000;
	/*background: #402b18;*/
	/*font-weight: bold;*/
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #888888;
	text-decoration: none;
	/*font-weight: bold;*/
	padding: 10px 0px 0px 0px;

}
.list
{
	font-size: 13px; 
	line-height: 160%; 
	float: left; 
	background: url(images/bg_tab2.jpg) repeat-x;
	/*background: #402b18;*/
	padding: 0px 3px 4px 3px;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #b5b5b5;
	color: #ffffff;
	border-top-left-radius: 3px;     /* 左上 */
	border-top-right-radius: 8px;    /* 右上 */
	border-bottom-left-radius: 0px;  /* 左下 */
	border-bottom-right-radius: 0px; /* 右下 */
	white-space: nowrap;
}
.list a:link
{
	color: #ffffff;
}
.list .current 
{
	/*width: 179px;*/
	float: left;
	color: #000000;
	/*background: #402b18;*/
	/*font-weight: bold;*/
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: dotted;
	border-color: #888888;
	text-decoration: none;
	margin: 0px 0px 0px 0px;

}


.bg_gallery_title
{
	width: 380px;
	height: 26px;
	background: url(images/bg_gallery_title.jpg) top no-repeat;
	padding: 5px 10px 0px 10px;
}

.bg_gallery_title a:link
{
	color: #0d0d0d;
}

.bg_gallery_title a:visited
{
	color: #0d0d0d;
}

.bg_gallery_title a:hover
{
	color: #0d0d0d;
}

#news
{
	width: 420px;
	height: 140px;
}

/*-------------------------------------------------
  ページトップへ
-------------------------------------------------*/

.pagetop {
	position: fixed;
	right: 45px;
	bottom: 0px;
	z-index: 9000;
	display: none;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
} 

.pagetop a {
	width: 120px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	display: block;
	color: #fff;
	text-align: center;
	margin: 0;
	background: #222222 url(images/);
	/*border-radius: 5px;*/
	text-decoration: none;
	font-weight: normal;
	font-size: 15px;
}

.pagetop a:hover {
	background: #efefef url(images/bg_gototop.png);
	color: #000000;
}

/*-------------------------------------------------
  ホームのバナーのticker
-------------------------------------------------*/
.ticker
{
    width: 400px;
    height: 140px;
    overflow: hidden;
    margin: 0px;
    padding: 0;
    list-style: none;
    text-shadow: 0px 1px 1px #000;
        font-size: 25px;
}


.ticker li
{
    height: 140px;
 
    padding: 0px;
    margin: 0px 0px;
}



/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	width: 100%;
	background: white url(images/) repeat-y;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #E0E0E0;
	padding: 0px 0px 70px 0px;
	margin: auto;
}
#wrapper
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: auto;
}

#rightbox
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 200px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	z-index: 100;	
}

.contactbox
{
	position: relative;
	right: 40px;
	top: 40px;
	width: 200px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	background: #D61518; 
	margin: 0px 0px 0px 0px;
	z-index: 1000;	
	color: #ffffff;
}
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
	width: 1010px;
	height: 1%;
	overflow: visible;
	/*float: right;*/
/*にわ・なびの記事幅表示と合わせるために以下はすべて0にすること。paddingは.contentで入力*/
	padding: 0px 0px 0px 0px;
	margin: auto;
}
.content
{
	padding: 0;
	margin: 0px 0px 30px 0px;
}
.content2
{
	width: 192px;
	float:left;
	clear: none;
	padding: 0px;
	margin: 0px -1px 0px -5px;
/*	margin: 0px 2px 0px -5px; */
}

.works_trim
{
	width: 200px;
	height: 280px;
	float: left;
	margin: 20px 6px 20px 7px;
	padding: 0px;
	display: inline;
	background: #34261b url(images/bg_gray.jpg) bottom;
}


#sidemenu
{
	width: 210px;
	//background: #000;
	position: fixed; 
	right: 0; 
	top: 260px; 
	z-index: 9999; 
}

.sidemenu
{
	width: 175px; 
	background: #F4F4F4; 
	z-index: 9999; 
	float: right;
	border-width: 5px 0px 5px 5px; 
	border-style: solid; 
	border-color: #dedede;
	//-moz-box-shadow: 0 0 2px #000, 0 0 12px #e5e5e5;  
	//-webkit-box-shadow: 0 0 2px #000, 0 0 12px #e5e5e5;  
	line-height: 160%;
}

.shbutton
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	//position: fixed; 
	//right: 180px; 
	//top: 180px; 
	float: left;
	background: #dedede;
	display: block;
	cursor: pointer;
	margin-top: 0px;
	z-index: 99999;
	text-align: center;
}



/*-------------------------------------------------
  Item styles
-------------------------------------------------*/

.contenttitle h2
{
	height: 100%;
	clear: both;
	background:  url(images/bg_title.jpg);
	font-size: 32px;
	padding: 10px 0px 10px 15px;
	margin: 40px 0px 10px 0px;
	color: #000;
	border-width: 0px 0px 12px 0px;
	border-style: solid;
	border-color: #f5f5f5;
	font-weight: bold;
}




.contenttitle br
{
	display: none;
}

.contentbody
{
	/*↓にわ・なびでレイアウトを崩さないためにはwidthを指定しておく必要がある*/
	width: 100%;
	/*----------------------*/
	background: #ffffff url(images/);
	text-align: justify;
	padding: 30px 10px 30px 10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #E0E0E0;
	/*↓Indexテンプレートのコメントが消えないためのcss*/
	line-height: 25px;
	font-size: 16px;
}
.contentbody table tr td
{
	font-size: 15px;
	text-align: justify;
	line-height: 23px;

}

.contentbody img
{
	margin: 0px;

}

.contentbody2
{
	background: #ffffff url(images/);
	text-align: justify;
	padding: 30px 10px 30px 10px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #e7e7e7;
	text-align: justify;
	margin: 0px 0px 30px 0px;
	font-size: 16px;
	line-height: 190%;
}

.contentbody2 table.style
{
	border-collapse: collapse;

}

.contentbody2 a:link, .contentbody2 a:visited
{
	/*color: #12ae05;*/
	text-decoration: none;
}

.contentbody2 a:hover, .contentbody2 a:active
{
	/*color: #a0c148;*/
	text-decoration: underline;
}

.contentbody3
{
	background: url(images/);
	font-size:15px;
	text-align: justify;
	padding: 0px 15px 10px 15px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #E0E0E0;
	/*line-height: 180%;*/
	text-align: justify;
	margin: 0px 0px 10px 0px;
}


.catdesc
{
	width: 1010px;
	font-size: 14px;
	width:;
	height:;
	background: url(images/);
	padding: 15px 0px 15px 15px;
	margin: 100px 0 20px 0;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #f5f5f5;
}

.catdesc_bottom
{
	width: 965px;
	font-size: 14px;
	width:;
	height:;
	background: url(images/);
	padding: 15px 0px 15px 15px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #f5f5f5;
}


.works_index
{
	background: #ffffff; 
	padding: 10px; 
	margin: 0px 0px 30px 0px;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

.nextlink
{
	width: 49%;
	height: 100%;
	float: left;
	padding: 20px 0px 20px 0px;
	background: #ddd url(images/prevs.png) left no-repeat;
	display: box;
	font-size: 13px;
	text-align: right;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #999;
	color: #000;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */  
}

.prevlink
{
	width: 50%;
	height: 100%;
	float: right;
	padding: 20px 0px 20px 0px;
	background: #ddd url(images/prevs.png) left no-repeat;
	display: box;
	font-size: 13px;
	text-align: left;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #999;
	color: #000;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */  
}

/*カレンダー*/
table.calendar {background-color:#fff;border-collapse: collapse;font-family:sans-serif;border:1px solid #ddd;}
table.calendar caption {color:#aaa;letter-spacing:2px;padding:4px;}
table.calendar th,table.calendar td {border:1px solid #ddd;padding:2px 4px;}
table.calendar th {text-align:center;}
table.calendar td {text-align:right;color:#999;letter-spacing:1px;}
tr.calendardateheaders {background-color:#ccc;color:#fff;}
td.blank {background-color:#f5f5f5;}
td.saturday {background-color:#f7f9fd;}
td.sunday {background-color:#fff3ee;}
td.holiday {background-color:#fff3ee;}
td.today {background-color:#ffffcc;}

/*以下、defaultスキン用 */
table.calendar a:link,table.calendar a:visited 
{
	background:none;padding:0;
}
table.calendar 
{
	margin:0 auto;
}



table#table-01 th {
	width: 110px;
	color: #ffffff;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 1px 1px 0px;
    background: #72ad06;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
	/*width: 500px;*/
	background: #ffffff;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 1px 1px 0px;
    text-align: left;
    white-space: nowrap;

}
table#table-02 {
	background: #f5f5f5;
    /*width: 625px;*/
    border: 0px #E3E3E3 solid;
    /*border-collapse: collapse;*/
  /*  border-collapse: 5px;*/
    border-spacing: 4px;
}

table#table-02 th {
	width: 300px;
	color: #e5f4bb;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 1px 1px 0px;
    background: #72ad06;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-02 td {
	width: 340px;
	background: #ffffff;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 1px 1px 0px;
    text-align: left;
    white-space: nowrap;

}
.QA-Qbox01 {
	padding-left: 0px;
	margin-top: 0px;
	clear: both;
}
.QA-box01 {

	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	padding-left: 45px;
}
.QA-Abox01 {
	background: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 60px;
	color: #000000;
	text-indent: 1em;
	line-height: 2em;
	/*clear: both;*/
	border-width: 2px 2px 2px 2px; 
	border-style: dotted; 
	border-color: #2b6d0e;
}
.QA-Qtext01 {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	color: #704d2a;
	padding-bottom: 5px;
	line-height: 2em;
	width: 600px;
	float: left;
	font-weight: regular;
}
.QA-textcolor {
	color: #704d2a;
}

.QA-Qbotton {
	float: left;
	border: 0;
}







.content-title{
	width: 100%;
	height: 35px;
	border-bottom: 1px dotted #000;
}

.content-title h2{
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	float: left;
	margin: 0 0 0 10px;

}

.content-title link{
	margin: 0 0 0 38px;
	display:inline;
}

.content-title a:link {
	color: #0D0D0D;
}

.content-title a:visited {
	color: #0D0D0D;
}
.content-title a:hover {
	text-decoration: underline;
	color: #0D0D0D;
}

.content-title a:active {
	color: #0D0D0D;
}

.content-topicsbox{
	width: 100%;
	height: 100%;
	float: left;

}

.content-topics{
	width: 100%;
	height: 35px;
	border-bottom: 1px dotted #000;
	float: left;
}

.content-topics p{
	line-height: 35px;
	margin: 0 0 0 10px;	
}

.content-topics a:link {
	color: #0D0D0D;
}

.content-topics a:visited {
	color: #0D0D0D;
}
.content-topics a:hover {
	text-decoration: underline;
	color: #0D0D0D;
}

.content-topics a:active {
	color: #0D0D0D;
}

.content2
{
	width: 475px;
	height: 100%;
	margin: 0 15px 0 15px;
}

.content-title2{
	width: 100%;
	height: 35px;
}

.content-title2 h2{
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	float: left;
	margin: 0 0 0 10px;

}

.content-title2 link{
	margin: 0 0 0 38px;
	display:inline;
}

.content-title2 a:link {
	color: #0D0D0D;
}

.content-title2 a:visited {
	color: #0D0D0D;
}
.content-title2 a:hover {
	text-decoration: underline;
	color: #0D0D0D;
}

.content-title2 a:active {
	color: #0D0D0D;
}

.container-hpbox{
	width: 100%;
	height: 178px;
	border-style: solid;
	border-color: #c9caca;
	border-width: 1px;	
}

.content-hpbox{
	width: 158px;
	height: 154px;
	float: left;
	margin: 13px 0 0 0;
}

.content-hpbox img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content-hpbox2{
	width: 157px;
	height: 154px;
	float: left;
	border-left: 1px solid #c9caca;
	margin: 13px 0 0 0;
}

.content-hptitle{
	width: 100%;
	height: 23px;
	float: left;
}

.content-hptitle p{
	margin: 0 0 0 10px;
	font-size: 12px;	
}

.content-hptitle a:link {
	color: #0D0D0D;
}

.content-hptitle a:visited {
	color: #0D0D0D;
}
.content-hptitle a:hover {
	text-decoration: underline;
	color: #0D0D0D;
}

.content-hptitle a:active {
	color: #0D0D0D;
}









#container_600
{
	width: 600px;
	height: 1%;
	padding: 0px 0px 0px 0px;
}







.home
{
	width: 960px;
	height: 100%;
	background: url(images/bg_home.jpg) repeat-y;
	background-position:center;
	padding: 0px 0px 0px 0px;
	margin:0 auto;
}

.home_left
{
	width: 460px;
	height: 100%;
	float: left;

}

.home_right
{
	width: 460px;
	height: 100%;
	float: right;


}

.home_titlebar
{
	width: 460px;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	float: left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background: url(images/home_title460.jpg) no-repeat;
	color: #0D0D0D;
}

.home_event
{
	width: 430px;
	height: 100%;
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 20px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999999;
	font-size: 13px;
}

.home_event a:link
{
	color: #0d0d0d;
}

.home_event a:hover
{
	color: #2DBCEF;
}

.home_event a:visited
{
	color: #0d0d0d;
}

.home_topics
{
	width: 320px;
	height: 100%;
	float: left;
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 25px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	font-size: 10pt;
}

.home_topics a:link
{
	color: #0d0d0d;
}

.home_topics a:hover
{
	color: #2DBCEF;
}

.home_topics a:visited
{
	color: #0d0d0d;
}

.home_garten
{
	width: 200px;
	height: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 15px 10px 15px;
	border-width: 0px 0px 0px 1px;
	border-style: solid;
	border-color: #999999;
	font-size: 12px;
}

.home_garten a:link
{
	color: #0d0d0d;
}

.home_garten a:hover
{
	color: #2DBCEF;
}

.home_garten a:visited
{
	color: #0d0d0d;
}

.bg_more
{
	width: 201px;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	float: right;
	background: url(images/bg_more.jpg) no-repeat;
	text-align: center;
	margin: 0px 0px 20px 0px;
	display: block;
}

.bg_more a:link
{
	color: #0d0d0d;
}

.bg_more a:hover
{
	color: #2DBCEF;
}

.bg_more a:visited
{
	color: #0d0d0d;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.title_300
{
	background: url(images/bg_title_300.gif) top center no-repeat;
	height:20px;
	font-size: 110%;
	font-weight:bold;
	text-align:center;
	padding: 2px 0px 2px 0px;
	margin: 5px 0px 5px 0px;
}


.bg_header
{
	width:1000px;
	height:32px;
	background: url(images/bg_body_header.gif) no-repeat;
}
.bg_header_white
{
	width:1000px;
	height:32px;
	background: url(images/bg_body_header_white.gif) no-repeat;
}
.bg_header_gray
{
	width:1000px;
	height:20px;
	background: url(images/bg_body_header_gray.gif) no-repeat;
}
.bg_header_silver
{
	width:1000px;
	height:20px;
	background: url(images/bg_body_header_silver.gif) no-repeat;
}

.bg_header900
{
	width:900px;
	height:25px;
	background: url(images/bg_body_header900.gif) no-repeat;
}
.bg_header900_gray
{
	width:900px;
	height:25px;
	background: url(images/bg_body_header900_gray.gif) no-repeat;
}
.bg_header600
{
	width:600px;
	height:25px;
	background: url(images/bg_body_header600.gif) no-repeat;
}
.bg_header600_gray
{
	width:600px;
	height:20px;
	background: url(images/bg_body_header600_gray.gif) top no-repeat;
}

.bg_header550_gray
{
	width:550px;
	height:20px;
	background: url(images/bg_body_header550_gray.gif) top no-repeat;
}

.bg_body371
{
	width:1000px;
	height:371px;
	overflow:hidden;
	background: url(images/bg_body_middle.gif) repeat-y;

}
.bg_body371_white
{
	width:1000px;
	height:371px;
	overflow:hidden;
	background: url(images/bg_body_middle_white.gif) repeat-y;

}
.bg_body
{
	width:1000px;
	overflow:hidden;
	background: url(images/bg_body_middle.gif) repeat-y;
}
.bg_body_white
{
	width:1000px;
	overflow:hidden;
	background: url(images/bg_body_middle_white.gif) repeat-y;
}
.bg_body_gray
{
	width:1000px;
	overflow:hidden;
	background: url(images/bg_body_middle_gray.gif) repeat-y;
}

.bg_body_silver
{
	width:1000px;
	overflow:hidden;
	background: url(images/bg_body_middle_silver.gif) repeat-y;
}

.bg_body_silver2012
{
/*	width:980px;*/
	width:100%;
	overflow:hidden;
/*	background: #b2b2b2 url(images/bg_footer.jpg) no-repeat;*/
/*	background: #dbdbdb;*/
	background: #898989;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #4D4D4D; /* 線色 */

}

.bg_body_silver2012 a:link
{
	color: #0d0d0d;
}

.bg_body_silver2012 a:hover
{
	color: #000000;
}

.bg_body_silver2012 a:visited
{
	color: #0d0d0d;
}

.bg_body900
{
	width:900px;
	overflow:hidden;
	background: url(images/bg_body_middle900.gif) repeat-y;
}
.bg_body900_gray
{
	width:900px;
	overflow:hidden;
	background: url(images/bg_body_middle900_gray.gif) repeat-y;
}
.bg_body600
{
	width:600px;
	overflow:hidden;
	background: url(images/bg_body_middle600.gif) repeat-y;
}
.bg_body600_gray
{
	width:600px;
	overflow:hidden;
	background: url(images/bg_body_middle600_gray.gif) repeat-y;
}

.bg_body550_gray
{
	width:550px;
	overflow:hidden;
	background: url(images/bg_body_middle550_gray.gif) repeat-y;
}


.bg_footer
{
	width:1000px;
	height:32px;
	background: url(images/bg_body_footer.gif) no-repeat;

}
.bg_footer_white
{
	width:1000px;
	height:32px;
	background: url(images/bg_body_footer_white.gif) no-repeat;

}
.bg_footer_gray
{
	width:1000px;
	height:32px;
	background: url(images/bg_body_footer_gray.gif) no-repeat;

}
.bg_footer_silver
{
	width:1000px;
	height:32px;
	background: url(images/bg_body_footer_silver.gif) no-repeat;

}
.bg_footer_silver2012
{
	width:980px;
	height:2px;
	background: url(images/bg_footer_footer.jpg) top no-repeat;

}

.bg_footer900
{
	width:900px;
	height:25px;
	background: url(images/bg_body_footer900.gif) no-repeat;

}
.bg_footer900_gray
{
	width:900px;
	height:25px;
	background: url(images/bg_body_footer900_gray.gif) no-repeat;

}
.bg_footer600
{
	width:600px;
	height:25px;
	background: url(images/bg_body_footer600.gif) no-repeat;

}
.bg_footer600_gray
{
	width:600px;
	height:15px;
	background: url(images/bg_body_footer600_gray.gif) bottom no-repeat;

}

.bg_footer550_gray
{
	width:550px;
	height:15px;
	background: url(images/bg_body_footer550_gray.gif) bottom no-repeat;

}



/*-------------------------------------------------
  groval menu
-------------------------------------------------*/



/*エクステリア造園ソフト*/
#image0
{
	display:block;
/*	width:119px;*/
	width:122px;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;

}
#image0-2
{
	display:block;
/*	width:119px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;

}

#image0 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;

}

/*学校教育用ソフト*/
#image1 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	/*background:url(images/menu/bg_menu2-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;

}
#image1-2 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image1 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}

/*安心のサポート体制*/
#image2 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	/*background:url(images/menu/bg_menu3-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
}
#image2-2 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image2 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}

/*ホームページ制作サービス*/
#image3 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	/*background:url(images/menu/bg_menu4-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
}
#image3-2 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image3 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}

/*ホームページ制作サービス*/
#image4 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	/*background:url(images/menu/bg_menu5-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
}
#image4-2 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image4 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}

/*CAD図面代行作図サービス*/
#image5 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	/*background:url(images/menu/bg_menu6-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
}
#image5-2 a
{
	display:block;
/*	width:119px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image5 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}


/*集客支援サイトe-toko*/
#image6 a
{
	display:block;
/*	width:118px;*/
	width:122px;
	/*background:url(images/menu/bg_menu7-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
}
#image6-2 a
{
	display:block;
/*	width:118px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image6 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}




/*お得なウェブストア*/
#image7 a
{
	display:block;
/*	width:118px;*/
	width:122px;
	/*background:url(images/menu/bg_menu7-1.jpg) no-repeat;*/
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
}
#image7-2 a
{
	display:block;
/*	width:118px;*/
	width:122px;
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
	height:45px;
	text-decoration:none;
	text-align:center;
	float: left;
	line-height: 120%;
	padding: 7px 0px 0px 0px;
	font-size: 12px;
	color: #2DBCEF;
}

#image7 a:hover
{
	background:url(images/menu/bg_menu_arrow.png) no-repeat;
}






/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 50px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
.menu_header
{
	height:7px;
	background: url(images/bg_body_middle_gray.gif) repeat-y;
/*	background: url(images/bg_body_header_gray.gif) top no-repeat;*/
}
.menu_middle
{
	background: url(images/bg_body_middle_gray.gif) repeat-y;

}
.menu_footer
{
	height:7px;
	background: url(images/bg_body_footer_gray.gif) bottom no-repeat;
	margin-bottom:5px;

}

#sidebarcontainer
{
	float: right;
	width: 300px;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 0 0 4px 6px;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
	font-family: Myriad,Arial;
	padding: 4px 10px;
}
.sidebardl dd
{
	background: #EEEEEE;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	background: url(images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#wrap-all{
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #dcdddd;
}

.wrap-ts{
	width:1010px;
	height: 100%;	
	margin: 0 auto;
	overflow: hidden;
	padding-left: 0;
	text-align: center;


}

.wrap-t{
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	width: 500px;
	margin: 0;
	padding:25px 0 50px 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #dcdddd;

}

.wrap-t:last-child {
	border-width: 0 1px 0 1px;
}

.top-t{
/*	width: 100%;*/

	margin: 0;
	text-align: center;
}

.top-t h5{
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	margin: 0 20px 15px 0;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.top-t p{
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	margin: 0;
}

.middle-t{
	margin: 0;
	text-align: center;
}

.middle-picture{
	width: 30px;
	margin: 0 10px 0 0;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.middle-picture img{
	width: 100%;
	height: auto;
}

.middle-title{
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	margin: 0 15px 0 0;
}

.middle-title tel{
	font-weight: bold;
	font-size: 20px;
	display:table-cell;	
	vertical-align:middle;
}

.middle-title2{
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.middle-title2 p{
	font-size: 11px;
	margin: 0;
	text-align: center;
}

.bottom-t {
	margin: 0;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
} 

.bottom-t p{
	font-size: 13px;
	padding: 0 0 20px 0;
	text-align: center;
}


.bottom-t a {
	padding: 18px 86px;
	vertical-align: middle;
	background: #57b5db;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 3px solid #d4d4d4;
	font-size: 20px;
}

.bottom-t a:hover {
	background: #d4d4d4;
	text-decoration: none;
	color: #6d6d6d;
}

.bottom-t2 {
	margin: 0;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
} 

.bottom-t2 a {
	padding: 18px 65px;
	vertical-align: middle;
	background: #EF454A;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border: 3px solid #d4d4d4;
	font-size: 20px;
}

.bottom-t2 a:hover {
	background: #d4d4d4;
	text-decoration: none;
	color: #6d6d6d;
}

.middle-picture2{
	width: 400px;
	margin: 0;
	padding: 9px 0 40px 0;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.middle-picture2 img{
	width: 100%;
	height: auto;
	text-align: center;
}

#wrapper-l{
	width: 100%;
	height: 100%;
	margin: 0;
/*	background: #a4a4a4;*/
	overflow: hidden;
/*	background: url(images/header-bg-b.jpg) repeat;*/
	background: #444444;
	padding-top: 60px;
	padding-bottom: 60px;
}


#wrap-l{
	width: 1010px;
	margin: 0 auto;
	padding-left: 0;
	text-align: left;
}

.wrap-c{
	width: 505px;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	float: left;

}

.left-l{
	width: 100%;
}

.left-l img{
	width: 220px;
	height: auto;
}

.left-j{
	width: 100%;	
}

.left-j p{
	text-align: left;
	color: #fff;
}

.middle-l{
	height: 34px;
	float: left;
	overflow: hidden;
	margin: 0 0 0 30px;

}

.middle-l p{
	margin:0;
	line-height: 34px;
	float: left;
	font-size: 10px;
	color: #fff;
}

.right-l{

}

.right-l p{
	text-align: left;
	color: #fff;
}

.right-l p a:link {
	color: #fff;
}

.right-l p a:visited {
	color: #fff;
}
.right-l p a:hover {
	text-decoration: underline;
	color: #fff;
}

.right-l p a:active {
	color: #fff;
}

.right-l p:after{
	clear: both;
}





.sn-l{
	width: 100%;
	margin: 20px 0 0 0;
	height: 100%;
	display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
	text-align: left;
}

.sn-l img{
	width: 32px;
	height: auto;
	margin: 0 15px 0 0;
}

.right2-l{
	height: 34px;
	overflow: hidden;
	float: right;
	margin: 20px 0 0 0;
}

.right2-l p{
	margin:0;
	line-height: 34px;
	float: right;
	font-size: 12px;
	color; #fff;
}

.right2-l p a:link {
	color: #fff;
}

.right2-l p a:visited {
	color: #fff;
}
.right2-l p a:hover {
	text-decoration: underline;
	color: #fff;
}

.right2-l p a:active {
	color: #fff;
}






#copyrights
{
	width: 100%;
	margin: 20px 0 0 0;
}

#copyrights p
{
	text-align: center;
	color: #fff;
}
/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield
{
	width: 130px;
	font-family: Myriad,Arial;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
	font-family: Myriad,Arial;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
	font-family: Myriad,Arial;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
	font-family: Myriad,Arial;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
	font-family: Myriad,Arial;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
	font-family: Myriad,Arial;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
	font-family: Myriad,Arial;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
	font-family: Myriad,Arial;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}


/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 10px; /*3px;*/
	font-size: larger;
}
.leftbox {
	float: left;
	width: 50%; /*45%;*/
/*	border-right: 1px dashed #ddd;*/
}
.rightbox {
	float: right;
	width: 50%; /*45%;*/
/*	border-left: 1px dashed #ddd;*/
}

.leftbox10 {
	float: left;
	width: 10%; 
}
.leftbox20 {
	float: left;
	width: 20%; 
}
.leftbox30 {
	float: left;
	width: 160px; 
}
.leftbox40 {
	float: left;
	width: 40%; 
}
.leftbox45 {
	float: left;
	width: 45%; 
}
.leftbox55 {
	float: left;
	width: 55%; 
}
.leftbox60 {
	float: left;
	width: 60%; 
}
.leftbox65 {
	float: left;
	width: 65%; 
}
.leftbox70 {
	float: left;
	width: 70%; 
}
.leftbox75 {
	float: left;
	width: 75%; 
}
.leftbox80 {
	float: left;
	width: 80%; 
}




#header_silver2013{
	width:980px;
	height:108px;
	overflow:hidden;
/*	background: url(images/icon/bg_header_silver.gif) top no-repeat;*/
	margin: 0px 0px 20px 0px;
}

#bg_header_icon{
/*	width:940;*/
	padding:0px 0px 0px 18px;
/*	background: url(images/icon/bg_header_silver.gif) top no-repeat;*/
/*	position:absolute;*/
/*	top:505px;*/	
}

#bg_header_icon li{
	display:block;	
	margin:	2px 0px 10px 0px;
	float:left;
}














/*スライダー*/
#topcontainer {
	width: 100%;
	text-align: center;
	background: #fff;
/*	padding:8px 0px 8px 0px;*/	
}


.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}


.slider_prev2,
.slider_next2 {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 300;
	cursor: pointer;
}

.slider_prev2 {background:url(images/img/prev.jpg) no-repeat right center;}
.slider_next2 {background:url(images/img/next.jpg) no-repeat left center;}


.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 200;
	cursor: pointer;
}

.slider_prev {background: #fff;}
.slider_next {background: #fff;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 100;
}

.pagination a {
	margin: 0 5px;
	border-radius: 50%;
  	height: 13px;
  	width: 13px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#header_pickup
{
	width: 960px;
	height: 195px;
	margin:0 auto;
}

.header_pickupbox
{
	width: 168px;
	height: 195px;
	background:#ffffff;
/*	border-width: 1px 1px 1px 1px;*/
/*	border-style: solid;*/
/*	border-color: #999999;*/
	float: left;
	margin:0px 0px 0px 20px;
}

.header_pickupimg
{
	width: 168px;
	height: 118px;
	background:#ffffff;
	color: #0D0D0D;
/*	border-width: 1px 1px 1px 1px;*/
/*	border-style: solid;*/
/*	border-color: #999999;*/
	margin:0 auto;
}

.header_pickuptitle
{
	width: 164px;
	font-weight:bold;
	font-size: 15px;
	color: #666666;
	margin:0 auto;
	padding:10px 0px 0px 0px;
}

.header_pickupexp
{
	width: 164px;
	font-size: 12px;
	color: #444444;
	margin:0 auto;
	padding:5px 0px 0px 0px;
}

.header_pickuptitle a:link{
	color: #666666;
}
.header_pickuptitle a:visited{
	color: #666666;
}
.header_pickuptitle a:hover{
	color: #00a0e9;
	text-decoration: none;
}


.home_margin
{
	width: 100%;
	margin-bottom: 50px;
	color: #5B5B5B; 
	font-size: 28px;
	font-weight: normal;
}

.scrEvent 
{

    /*display: none;*/
}

.gray
{
	width: 100%;
	background: #F4F4F4;
}

/*.gray_half_l*/
.heightLine
{
	width: 47%;
	/*height: 600px;*/
	background: #F4F4F4;
	float: left;
	margin: 0px 10px 30px 15px;
	padding: 0px 0px 55px 0px;
	position: relative;
}

.heightLine img
{
	width: 395px;
	height: 219px;
}

.gray_more
{
	text-align: center; 
	position: absolute; 
	bottom: 20px; 
	left: 140px;
}

.gray_half_r
{
	width: 48%;
	height: 600px;
	background: #F4F4F4;
	float: right;
}

.white
{
	width: 100%;
	background: #fff;
}

.red_half_l
{
	width: 46%;
	height: 100px;
	line-height:100px;
	vertical-align: middle;
	background: #E61F19;
	float: left;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	border-width: 7px;
	border-style: solid;
	border-color: #F4F4F4;
	margin: 0px 10px 30px 13px;
}

.blue_half_r
{
	width: 46%;
	height: 100px;
	line-height:100px;
	vertical-align: middle;
	background: #009FE8;
	float: left;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	border-width: 7px;
	border-style: solid;
	border-color: #F4F4F4;
	margin: 0px 10px 30px 13px;
}

.gray_half_r2
{
	width: 200px;
	height: 50px;
	line-height:50px;
	vertical-align: middle;
	background: #a0a0a0;
	float: left;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin: 15px 15px 0 0;
}