@charset "utf-8";

/*

 top.css

 bluepacific

 Shinchiro Isozaki

*/

/* ヘッダー */
#header {
    background:		url(/img/common/visual.jpg) no-repeat;
    width:		960px;
    height:		130px;
}

h1 {
    margin:             0;
    padding:            0;
    font:		normal 14px/16px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    color:              #333;
}



/* リンクボックス */
ul#link-box {
    list-style-type:		none;
    height:			12px;
    padding:			1px 0 5px 0;
    margin-left:		644px;
}

li#sitemap-link-list {
    float:			left;
}
li#sitemap-link-list > a, li#sitemap-link-list > a > img {
    display:			block;
    width:			82px;
    height:			12px;
}

li#pp-link-list {
    float:			left;
    margin-left:		14px;
}
li#pp-link-list > a, li#pp-link-list > a > img {
    display:			block;
    width:			134px;
    height:			12px;
}

li#inquiry-link-list {
    float:			left;
    margin-left:		11px;
}
li#inquiry-link-list > a, li#inquiry-link-list > a > img {
    display:			block;
    width:			63px;
    height:			12px;
}


/* 左ボックス */
#left-box {
    text-align:					left;
    width:						560px;
    float:						left;
    padding-bottom:				8px;
}
/* トピックス・お知らせ */
#topics-box {
    width:						548px;
    border:						1px solid #126691;
    margin-left:				11px;
}
#topics-box > p {
    width:						548px;
    height:						29px;
    background:					url(/img/top/topics/title.jpg) no-repeat;
}
#topics-box > p > a {
	display:					block;
    font:						normal 13px/14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    color:						#FFF;
    text-decoration:			none;
    margin:						0 0 0 390px;
    padding-top:				6px;
}
#topics-box > p > a:hover {
	display:					block;
    color:						#00F;
    text-decoration:			underline;
}
#topics-box > iframe {
   width:						548px;
    height:						400px;
 }

dl#topics-box > dt > h2 {
    text-indent:		-9999px;
}
dl#topics-box > dd {
    background:			url(/img/top/boxback.png) repeat;
}
dl#topics-box > dd > ul {
    list-style-type:		none;
    padding:			10px 10px 5px 30px;
}
dl#topics-box > dd > ul > li {
    list-style:			url(/img/top/topics/marker.jpg) outside;
    font:			normal 14px/16px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    margin-bottom:		6px;
}
dl#topics-box > dd > ul > li > a {
    color:			#455656;
    text-decoration:		none;
}
dl#topics-box > dd > ul > li > a:hover {
    color:			#1B395A;
    text-decoration:		underline;
}
div#topics-all {
    margin:                     0 0 10px 10px;
}
div#topics-all > a {
    font:			bold 14px/16px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    cololr:                     #464B62;
    text-decoration:            none;
}
div#topics-all > a:hover {
    text-decoration:            underline;
}

/* [[目的支援メニュー */
dl#support-box {
    width:			548px;
    border:			1px solid #126691;
    margin:			10px 0 0 11px;
}
dl#support-box > dt {
    background:		        url(/img/top/support_menu/title.jpg) no-repeat;
    height:	                29px;
}
dl#support-box > dt > h2 {
    text-indent:		-9999px;
}
dl#support-box > dd  {
    background:			url(/img/top/boxback.png) repeat;
    padding-top:		3px;
}
dl#support-box > dd > table {
    width:			100%;
    border-collapse:		separate;
    border-spacing:		6px;
    empty-cells:		hide;
}

/* [[中小企業支援交流広場 */
dl#exchange-box {
    width:			548px;
    height:			135px;
    border:			1px solid #126691;
    margin:			10px 0 0 11px;
}
dl#exchange-box > dt {
    background:			url(/img/top/exchange/title.jpg) no-repeat;
    height:			29px;
}
dl#exchange-box > dt > h2 {
    text-indent:		-9999px;
}
dl#exchange-box > dd {
    background:			url(/img/top/boxback.png) repeat;
    height:			106px;
    position:		relative;
}
a#homepage {
    position:                   absolute;
    display:                    block;
    width:                      120px;
    height:                     40px;
    left:                       85px;
    top:                        7px;
}
a#homepage > img {
    display:                    block;
}
a#bussan {
    position:                   absolute;
    display:                    block;
    width:                      120px;
    height:                     40px;
    left:                       285px;
    top:                        7px;
}
a#bussan > img {
    display:                    block;
}
a#useful-link {
    position:                   absolute;
    display:                    block;
    width:                      175px;
    height:                     34px;
    left:                       186px;
    top:                        60px;
}
a#useful-link > img {
    display:                    block;
}
/* 右ボックス */
#right-box {
    width:						400px;
    margin-left:				560px;
    padding-bottom:				8px;
}
/* ムービー */
#movie-box {
    /* position:					relative; */
    width:						380px;
    height:						231px;
    /* background:					url(/img/top/monozukuri_base.jpg) no-repeat; */
    margin-left:				10px;
}
#movie-box > a {
    position:					absolute;
    display:					block;
    width:						128px;
    height:						35px;
    top:						180px;
    left:						18px;
}
#movie-box > a > img {
    display:					block;
}
/* お役立ち情報 */
dl#useful-info-box {
    width:			378px;
    border:			1px solid #126691;
    margin:			10px; 0 0 11px;
}
dl#useful-info-box > dt {
    background:			url(/img/top/useful_info/title.jpg) no-repeat;
    height:			29px;
}
dl#useful-info-box > dt > h2 {
    text-indent:		-9999px;
}
dl#useful-info-box > dd {
    background:			url(/img/top/boxback.png) repeat;
    text-align:		        center;
}
dl#useful-info-box > dd > table {
    width:			100%;
    border-collapse:	        separate;
    border-spacing:		5px;
    empty-cells:		hide;
    margin:			2px auto 0 auto;
}
dl#useful-info-box > dd > table > tbody > tr >td {
    width:                      119px;
}
dl#useful-info-box > dd > table > tbody > tr >td > a ,
dl#useful-info-box > dd > table > tbody > tr >td > a > img {
    diasplay:			block;
    width:                      119px;
}
/* 大分県産業創造機構について */
dl#kikou-box {
    width:			378px;
    border:			1px solid #126691;
    margin:			10px 0 0 10px;
}
dl#kikou-box > dt {
    background:			url(/img/top/kikou/title.jpg) no-repeat;
    height:				29px;
}
dl#kikou-box > dt > h2 {
    text-indent:		-9999px;
}
dl#kikou-box > dd {
    background:			url(/img/top/boxback.png) repeat;
    padding:                    8px 0;
}
/*************************/
/* 大分県産業創造機構 左 */
/*************************/
div#kikou-left {
    float:			left;
    width:			151px;
    margin:			0 0 0 10px;
}

/* [[facebook */
a#facebook-link {
    display:			block;
    width:			142px;
    height:			29px;
}
a#facebook-link > img {
    display:			block;
}
/* facebook]] */

/* [[創造おおいた */
a#souzou-oita-link {
    display:                    block;
    margin:                     0 0 0 0;
    width:                      140px;
    height:                     192px;
    border:                     1px solid #CECECE;
}
a#souzou-oita-link > img {
    display:                    block;
    margin:                     4px auto 0 auto;
    border:                     2px solid #CECECE;
}
/* 創造おおいた]] */

/* [[沿革 */
a#history-link {
    display:                    block;
    margin:                     6px 0 0 0;
    width:                      142px;
    height:                     31px;
}
a#history-link > img {
    display:                    block;
}
/* 沿革]] */

/* サイトについて */
a#about-site-link {
    display:                    block;
    margin:                     5px 0 0 0;
    width:                      142px;
    height:                     31px;
} 
a#about-site-link > img {
    display:                    block;
}
/* サイトについて]] */

/*************************/
/* 大分県産業創造機構 右 */
/*************************/
div#kikou-right {
    width:			217px;
    margin:                     0 0 0 161px;
}

/* [[会員募集 */
a#member-link {
    display:                    block;
    width:                      210px;
    height:                     92px;
}
a#member-link > img {
    display:                    block;
}
/* 会員募集]] */

/* [[Google Map */
#gmap-box {
    text-align:                 left;
    width:                      208px;
    border:                     1px solid #CECECE;
    background-color:           #FFF;
    margin:                     8px 0 0 0;
    background:					#FFF url(/img/top/kikou/map_title.jpg) no-repeat 3px 3px;
    padding:					16px 0 5px 0;
}
iframe#gmap {
	display:					block;
    margin:                     3px 3px 0 3px;
    width:                      202px;
    height:                     159px;
}
a#open-gmap {
    display:                    block;
    width:                      104px;
    height:                     18px;
    margin:                     3px 0 0 101px;
}
a#open-gmap > img {
    display:                    block;
}
/* Google Map]] */