@charset "utf-8";
/* CSS top-page */

/*** ボディ（その他） ****/
/*** @group body ******************************************************************************/

#page {
	width: 980px;
	height: auto;
	padding: 12px 0px 12px 0px;
	margin: 0px auto 0px auto;
	background: url(../images/top/bg-main2.gif) no-repeat right top #FFFFFF;
	display: block;
}

/*** [枠] メイン ****/
/*** @group main ****************************************************************************/
#main {
	padding: 0px;
	height: auto;
	width: 962px;
	margin: 0px auto 0px auto;
	background: url(../images/common/bg-contents.gif) repeat-y left top;
	overflow: hidden;
	display: block;
}

#main-left {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 185px;
	display: inline;
	float: left;
}

#main-right {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 760px;
	display: inline;
	float: right;
}

#main-top {
	padding: 0px;
	height: 10px;
	width: 185px;
	margin: 0px auto 0px auto;
	background: url(../images/common/sidenav-top.gif) no-repeat;
	display: block;
}

#main-end {
	padding: 0px;
	height: 34px;
	width: 960px;
	margin: 0px auto 24px auto;
	background: url(../images/common/contents-end.gif) no-repeat left top;
	display: block;
}

/*---------------------------------------------------- */
/* [h2] サイトワイズ */
/*---------------------------------------------------- */
#gallery {
   height: 371px;
   width: 760px;
   margin: 0px auto 5px auto;
   padding: 6px 0px 0px 0px;
   background: url(../images/top/bg-sitewise.gif) no-repeat left top;
   display: block;
}

#sitewise {
	padding: 0px;
	margin: 0px auto 0px auto;
	height: 314px;
	width: 738px;
	overflow: hidden;
}

div.cf_element {
    width: 738px;
	height: 314px;
	overflow:hidden;
	/* background-color: #eee;
	border:  1px solid #ccc; */
}
	
div.cf_element div.content {
    padding: 0px;
}

div.cf_element div.content h3 {
    padding-top: 0;
	margin-top: 0;
}

.sitewise_move {
	width: 738px;
	height: 314px;
	margin: 0 0 0px 0;
	padding: 0;
	overflow: hidden;
}

.sitewise_move ul.portfolio {
	width: 738px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0px;
	list-style-type: none;
}

.sitewise_move ul.portfolio li {
	width: 738px;
	height: 314px;
	border: 0px;
}

.sitewise_move ul.portfolio li a { 
	display:block;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* main_banner */
/*---------------------------------------------------- */
#bg_mainbanner {
	padding: 0px;
	margin: 0px 0px 16px 10px;
	width: 735px;
	height: 74px;
}

#main_banner {
	width: 735px;
	position: relative;
}

#scroller_custom {
	padding: 0px;
	margin: 0px;
	width: 735px;
	height: 74px;
}

/* カスタマイズコンテンツ用 */
.gighit {
    width: 735px;
	height: 74px;
	margin: 0 0 0 0;
}

.gighit .simply-scroll-clip {
    width: 735px;
	height: 74px;
}

.gighit .section {
    float: left;
	width: 177px;
	height: 74px;
	margin: 0 10px 0 0;
}

.gighit .hp-highlight {
    height: 177px;
	margin: -10px 10px 10px 0;
}

.gighit .feature-headline {
    position: relative;
	width: 157px;
	margin: 0px 10px 0px 10px;
	padding: 10px 10px 10px 10px;
}

.gighit .feature-headline a {
    font-weight: bold;
	text-decoration: none;
	color: #cc0000;
	display: block;
	width:177px;
}

.gighit h2 {
    font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.gighit p {/* 使ってない */
    margin: 0;
	padding: 0;
    font-size: .8em;
	color: #666;
}

.simply-scroll { /* Customisable base class for style override DIV */
	width: 735px;
	height:74px;
	margin-bottom:1em;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
	position:relative;
	overflow:hidden;
	z-index:2;
}

.simply-scroll-clip {
	width: 735px;
	height:74px;
}


/*** [枠] コンテンツ ****/
/*** @group contents ****************************************************************************/

#contents {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 750px;
}

#area {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 750px;
	overflow: hidden;
}

#area-left {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 472px;
	display: inline;
	float: left;
}

#area-right {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 248px;
	display: inline;
	float: right;
}

/*** [Ｈ３] タイトル ****/
/*** @group h3.categoryTitle ****************************************************************************/

h3.categoryTitle_01 {
	padding: 0px;
	height: 27px;
	width: 472px;
	margin: 0px 0px 0px 0px;
	background: url(../images/top/h3-categoryTitle_01.gif) no-repeat;
}

h3.categoryTitle_02 {
	padding: 0px;
	height: 27px;
	width: 472px;
	margin: 0px 0px 4px 0px;
	background: url(../images/top/h3-categoryTitle_02.gif) no-repeat;
}

h3.categoryTitle_03 {
	padding: 0px;
	height: 32px;
	width: 248px;
	margin: 0px 0px 1px 0px;
	background: url(../images/top/h3-categoryTitle_03.gif) no-repeat;
}

/*** トピックス ****/
/*** @group information ****************************************************************************/

.information {
	padding: 0px;
	height: auto;
	width: 472px;
	margin: 0px 0px 16px 0px;
}

.scroll-bar {
	padding: 0px;
	height: 172px;
	width: 472px;
	margin: 0px auto 0px auto;
	display: block;
	overflow: auto;
}

.topics-box {
	padding: 0px;
	height: auto;
	width: 424px;
	margin: 10px 0px 0px 16px;
	overflow: hidden;
}

.info-date {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #9DD158;
	height: auto;
	width: 90px;
	margin: 1px 0px 0px 0px;
	float: left;
	display: inline;
	font-weight: bold;
}

.info-box {
	height: auto;
	width: 331px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: inline;
}

.info-title {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #404040;
	margin: 0px 0px 2px 0px;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
}

.info-title a {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #404040;
	margin: 0px 0px 2px 0px;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
}

.info-title a:hover {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #404040;
	margin: 0px 0px 2px 0px;
	line-height: 130%;
	font-weight: bold;
	text-decoration: none;
	background-color: #CBEF99;
}

.info-moji {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #323232;
	margin: 0px 0px 3px 0px;
	line-height: 130%;
	font-weight: normal;
	text-decoration: none;
}

.info-mark {
	height: 13px;
	width: 28px;
	margin: 0px 0px 0px 0px;
}

.info-Line {
	height: 1px;
	width: 442px;
	margin: 3px 0px 0px 6px;
	background: url(../images/top/Line-info.gif) no-repeat;
	display: block;
}

/*** 文字 ****/
/*** @group top-moji ****************************************************************************/

.top-moji01 {
	padding: 0px;
	margin: 0px auto 12px auto;
	height: auto;
	width: 462px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 140%;
}

/*** 箱 ****/
/*** @group top-waku ****************************************************************************/

.top-waku {
	padding: 0px;
	margin: 0px auto 12px auto;
	height: auto;
	width: 462px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #323232;
	line-height: 140%;
}

.top-box1 {
	padding: 2px 0px 2px 0px;
	margin: 0px;
	height: auto;
	width: 50px;
}

.top-box2 {
	padding: 2px 0px 2px 0px;
	margin: 0px;
	height: auto;
	width: 412px;
}

/*** シンリュウが運営しているサイト ****/
/*** @group website ****************************************************************************/

#website {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 248px;
}

div#website ul {
	height: auto;
	width: 248px;
	list-style-type: none;
}

div#website ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
}

div#website ul li a {
	display: block;
	text-decoration: none;
	overflow: auto;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 248px;
	height: 87px;
}

div#website ul li.sitenav001 a {
	background: url(../images/top/banner-item.jpg) no-repeat;
}

div#website ul li.sitenav001 a:hover {
	background: url(../images/top/banner-item_over.jpg) no-repeat;
}

div#website ul li.sitenav002 a {
	background: url(../images/top/banner-wakuwaku.jpg) no-repeat;
}

div#website ul li.sitenav002 a:hover {
	background: url(../images/top/banner-wakuwaku_over.jpg) no-repeat;
}

div#website ul li.sitenav003 a {
	background: url(../images/top/banner-gallery.jpg) no-repeat;
}

div#website ul li.sitenav003 a:hover {
	background: url(../images/top/banner-gallery_over.jpg) no-repeat;
}

div#website ul li.sitenav004 a {
	background: url(../images/top/banner-market.jpg) no-repeat;
}

div#website ul li.sitenav004 a:hover {
	background: url(../images/top/banner-market_over.jpg) no-repeat;
}

div#website ul li.sitenav005 a {
	background: url(../images/top/banner-school.jpg) no-repeat;
}

div#website ul li.sitenav005 a:hover {
	background: url(../images/top/banner-school_over.jpg) no-repeat;
}

div#website ul li.sitenav006 a {
	background: url(../images/top/banner-webdesign.jpg) no-repeat;
}

div#website ul li.sitenav006 a:hover {
	background: url(../images/top/banner-webdesign_over.jpg) no-repeat;
}