@import "common_portfolio.css";

/* DIV_全体 
----------------------------------------------------------- */

div#another_container{
	margin: 0 auto;
	position: relative;
}


div#another_contents{
	margin: 10px auto 0px auto;
	.margin: 10px auto;
	padding: 0 0 5px 0;
	.padding: 0;
	position: relative;
	width: 800px;
}


/* DIV_ヘッダー 
----------------------------------------------------------- */
div#another_header{
}



/* メイン
-----------------------------------------------------------*/
div#another_main{
	margin: 20px auto 0 auto;
	position: relative;
	width: 800px;
	height: 940px;
	.height: auto;
	font-size: 16px;
	font-weight: 600;
	background: #FFFFFF;
	text-align: left;
}

*:first-child+html div#another_main{
	margin: 20px auto 0 auto;
	position: relative;
	width: 800px;
	height: auto;
	font-size: 16px;
	font-weight: 600;
	background: #FFFFFF;
	text-align: left;
}

div#another_main span{
	display: none;
}

div#another_main h2.title_01{
	margin: 50px 0 0 50px;
	color: #003333;
	width: 297px;
	height: 30px;
	background: url(../../../img/another/concept/title/01.gif) no-repeat left;
}

div#another_main ul{
	background: url(../../../img/background/another_menu_bg.gif) repeat-x;
	height: 50px;
}

div#another_main li.top{
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
	text-align: center;
	color: #333333;
	float: left;
}

div#another_main li{
	margin: 10px 0 0 0;
	text-align: center;
	color: #333333;
	float: left;
}


/* カラムヘッダー
-----------------------------------------------*/
div#colum_head{
	text-align: center;
	margin: 20px 10px 0 10px;
}

/* カラム_メイン
-----------------------*/
div#colum_txt_main{
	width: 800px;
	font-weight: normal;
	background: url(../../../img/another/concept/title_01_noie.gif) no-repeat top right;
	.background: url(../../../img/another/concept/title_01.gif) no-repeat top right;
}

/* 罫線
-----------------------*/
div#colum_txt_main p.border{
	width: 660px;
	margin: 50px 30px 30px 30px;
	border-bottom: 1px dotted #999999;
}

div#colum_txt_main span.border{
	display:none;
}



/* カラム_テキスト
-----------------------*/
div#colum_txt_main p.c01-1{
	font-size: 15px;
	line-height: 150%;
	width: 660px;
	color: #333333;
	margin: 50px 30px 75px 30px;
	.margin: 50px 30px 30px 30px;
}

/* IE7
--------------*/
*:first-child+html div#colum_txt_main p.c01-1{
	font-size: 15px;
	line-height: 150%;
	width: 660px;
	color: #333333;
	margin: 50px 30px -40px 30px;
}

div#colum_txt_main p.c01-2{
	font-size: 15px;
	line-height: 150%;
	width: 660px;
	color: #333333;
	margin: 50px 30px 75px 30px;
	.margin: 50px 30px 30px 30px;
}

/* IE7
--------------*/
*:first-child+html div#colum_txt_main p.c01-2{
	font-size: 15px;
	line-height: 150%;
	width: 660px;
	color: #333333;
	margin: 50px 30px -40px 30px;

}

div#colum_txt_main img.title{
	margin: 0px 0px 30px 0;
}

div#colum_txt_main img.right{
	float: right;
	margin: 0 0 0 20px;
}

div#colum_txt_main img.left{
	float: left;
	margin: 0 40px 0 0;
}

div#colum_txt_main img.num{
	margin: 0 5px 2px 5px;
	vertical-align: middle;

}


/* 上へ移動する
-----------------------------------------------*/

div#up_move{
	margin: 0 auto ;
	padding: 0 0 40px 0;
	position: relative;
	width: 650px;
	height: 50px;
	text-align: center;
}

div#up_move ul{

}

div#up_move li{
	float: left;
	padding: 0 10px 0 0;	
}

/*　プリント
--------------------------------------*/
div#right_topics a.print:link,
div#right_topics a.print:visited{
	background:  url(../../../img/another/btm_print.gif) no-repeat;
	width: 200px;
	height: 40px;
	margin: 0 10px 0 0;
	display: block;
}

div#right_topics a.print:hover{
	background: url(../../../img/another/btm_print-over.gif) no-repeat;
	width: 200px;
	height: 40px;
	margin: 0 10px 0 0;
	display: block;
}

div#right_topics span{
	display: none;
}


/*　上
--------------------------------------*/
div#up_move a.up_move:link,
div#up_move a.up_move:visited{
	background:  url(../../../img/another/btm/up_move.gif) no-repeat;
	width: 242px;
	height: 40px;
	display: block;
}

div#up_move a.up_move:hover{
	background:  url(../../../img/another/btm/up_move-over.gif) no-repeat;
	width: 242px;
	height: 40px;
	display: block;
}

/*　次
--------------------------------------*/
div#up_move a.next_page:link,
div#up_move a.next_page:visited{
	background:  url(../../../img/another/btm/next_page.gif) no-repeat;
	width: 170px;
	height: 40px;
	display: block;
}

div#up_move a.next_page:hover{
	background:  url(../../../img/another/btm/next_page-over.gif) no-repeat;
	width: 170px;
	height: 40px;
	display: block;
}


div#up_move span{
	display: none;
}

/*　前
--------------------------------------*/
div#up_move a.prev_page:link,
div#up_move a.prev_page:visited{
	background:  url(../../../img/another/btm/prev_page.gif) no-repeat;
	width: 170px;
	height: 40px;
	display: block;
}

div#up_move a.prev_page:hover{
	background:  url(../../../img/another/btm/prev_page-over.gif) no-repeat;
	width: 170px;
	height: 40px;
	display: block;
}


div#up_move span{
	display: none;
}



/* スタイルスイッチ：大
----------------------------------------------------------*/
div#styleswitch a.switch_b:link,
div#styleswitch a.switch_b:visited{
	display: block;
	width: 42px;
	height: 18px;
	background: url(../../../img/styleswitch/big.gif) no-repeat;
}

/* スタイルスイッチ：小
----------------------------------------------------------*/
div#styleswitch a.switch_s:link,
div#styleswitch a.switch_s:visited{
	display: block;
	width: 42px;
	height: 18px;
	background: url(../../../img/styleswitch/small-over.gif) no-repeat;
}

/* IE7のみ
------------------------------------------------------------------*/

/* 罫線
-----------------------*/
*:first-child+html div#colum_txt_main p.border{
	padding: 40px 0 0 0;
}

*:first-child+html div#colum_txt_main span.border{
	display:none;
}

/*　サブメニュー：01-雑木の庭　用
--------------------------------------------------------*/
div#sub_menu a.menu_01:link,
div#sub_menu a.menu_01:visited{
	background: url(../../../img/another/portfolio/btm/001-over.gif) no-repeat;
	display: block;
	width: 92px;
	height: 50px;
}

/* メニュー常時表示用
---------------------------------------*/
div#another_navi a.portfolio:link,
div#another_navi a.portfolio:visited{
	width: 100px;
	height: 36px;
	display: block;
	background: url(../../../img/another/menu/02_portfolio/mb-over.gif) no-repeat;
}

div#portfolio_main{
	font-size: 14px;
}

div#pic{
	height: 270px;
	.height: auto;
}

div#description{
	font-size: 14px;
}