@charset "utf-8";
/*-----------------------------------------------

	News from the Middle East 日本語で読む中東メディア	
	2011/3/09 last update
	
	1.body
	2.wrap
	3.ヘッダ部
	4.box
	5.inbox
	6.catebox
	7.mbox
	8.tbox
	9.フッタ部
	10.backtotop
	11.色要素
	12.Align
	13.banners
	
	
------------------------------------------------*/
/* 1.body
---------------------------------------------*/ 

* {
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
html{
	height:100%;
	
}
body{
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック",  "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 0.75em;
	line-height: 150%;
	background-color: #08003E;
	height:100%;
	text-align:justify;
	text-justify: inter-ideograph;
	overflow:inherit;
}
p {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	letter-spacing: 0.05em;
}
ul, li	{
	margin:	0;
	padding:	0;
	list-style:	none;
	letter-spacing: 0.1em;
}
img {
	border: 0;
	vertical-align: text-bottom;
}

/* 2.wrap
---------------------------------------------*/
.wrap {
	width: 750px;
	margin:2px auto 0px auto;
	background: #FFFFFF  repeat-y;
	overflow:hidden;
	min-height:950px;
	
		
}
/* IE6.0 */
* html .wrap {
	height:60%;
	width: 750px;
	margin:2px auto 0px auto;
	background: #FFFFFF  repeat-y;
	overflow:visible;
				
}

/* 3.ヘッダ部
----------------------------------------------- */
#header {
	width: 750px;
	height: 118px;
	margin:0px;
	display:block;
}
#header li{
	float:left;
	display:block;
}
#header li.title{
	width: 170px;
	height:118px;
	background-image: url(../images/meis_00.gif);
	text-indent:-9999px;
	margin:0px;
}
#header li.header_menu {
	margin:7px 0px 0px 280px;
	width: 300px;
	height:auto;
}
#header li.project{
	width: 280px;
	height:32px;
	background-image: url(../images/title.gif);
	text-indent:-9999px;
	margin:61px 0px 0px 6px;
	float:left;
}
#header li.home{
	width: 21px;
	height:17px;
	margin:80px 0px 0px 20px;

}
/* IE6.0 */
* html #header {
	height:1%;
	width: 750px;
	height: 118px;
	margin:0px;
	display:block;
}
/* Safari4.0, Firefox3.5 */
body:first-of-type #header_menu{
	
}
/* IE6.0 */
* html #header li.header_menu {
	height:1%;
	margin:7px 0px 0px 220px;
	width: 300px;
	height:auto;
}

/* 4.box
---------------------------------------------*/		
#box{
	margin:0px;
		
}
.box{
	width:721px;
	margin:0px 15px 0px 15px;
	padding-top:3px;
	float:left;
	min-height:331px;
	height:auto !important;/* IE6.0 */	
	overflow:inherit;
	height:331px;/* IE6.0 */
	background:url(../images/bg_box_side.gif) repeat-y;
}
/* IE6.0 */
* html #box {
	height:1%;
	margin:0px;
}
* html .box{
	height:1%;
	width:721px;
	margin:-7px 0px 0px 7px;
	padding-top:4px;
	float:left;
	min-height:331px;
	height:auto !important;/* IE6.0 */	
	overflow:inherit;
	height:331px;/* IE6.0 */
	background:url(../images/bg_box_side.gif) repeat-y;
	
}
/* IE7.0 */
*:first-child+html #box {
	height:1%;
	margin:0px;
}

#box h1.aboutus{
	width:335px;
	height:38px;
	background:url(../images/mi_aboutus.gif) no-repeat;
	text-indent:-9999px;
}

#box h1.mmg{
	width:234px;
	height:38px;
	background:url(../images/mi_mmg.gif) no-repeat;
	text-indent:-9999px;
}

#box h1.staff{
	width:350px;
	height:34px;
	background:url(../images/mi_staff.gif) no-repeat;
	text-indent:-9999px;
}
#box p.boxtop{
	width:721px;
	height:12px;
	background:url(../images/bg_box_top.gif) no-repeat;
	text-indent:-9999px;
	margin:10px 15px 0px 15px;
}
#box p.boxbottom{
	width:721px;
	height:12px;
	background:url(../images/bg_box_bottom.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	margin:0px 15px 50px 15px;
}
/* IE6.0 */
* html #box p.boxtop{
	height:1%;
	width:721px;
	height:12px;
	background:url(../images/bg_box_top.gif) no-repeat;
	text-indent:-9999px;
	margin:10px 0px 0px 14px;
}
* html #box p.boxbottom{
	height:1%;
	width:721px;
	height:12px;
	background:url(../images/bg_box_bottom.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	margin:0px 0px 50px 7px;
}
/* IE7.0 */
*:first-child+html p.boxtop{
	height:1%;
	width:721px;
	height:12px;
	background:url(../images/bg_box_top.gif) no-repeat;
	text-indent:-9999px;
	margin:10px 15px 0px 15px;
}
*:first-child+html #box p.boxbottom{
	height:1%;
	width:721px;
	height:12px;
	background:url(../images/bg_box_bottom.gif) no-repeat;
	float:left;
	text-indent:-9999px;
	margin:0px 15px 50px 15px;
}

/* 5.inbox
---------------------------------------------*/		
#inbox{
	width:450px;
	margin:0px 7px 0px 15px;
	float:left;
	min-height:331px;
	height:auto !important;/* IE6.0 */	
	overflow:inherit;
	height:331px;/* IE6.0 */
}
.inbox{
	margin:0px;
}
#inbox h2{
	font-size: 110%;
	background-color: #ededed;
	margin:10px 0px 2px 0px;
	padding: 4px 5px;
    display: block;
	font-weight:bolder;
}
#inbox p{
	margin:0px 0px 5px 0px;
	padding: 4px 5px;
    display: block;
	font-weight: 500;
	}
/* IE6.0 */
* html #inbox {
	height:1%;
	width:450px;
	margin:0px 7px 0px 8px;
	float:left;
	min-height:331px;
	height:auto !important;/* IE6.0 */	
	overflow:inherit;
	height:331px;/* IE6.0 */
	
}


/* 6.catebox（forIE6.0はindex.css）
---------------------------------------------*/		
#cate_box{
	width: 228px;
	height:300px;
	float:left;
	
}
.cate_box {	
	margin:0px;	
	
}
.cate_inbox {	
	width: 228px;
	height:70px;
	margin:0px 0px 7px 7px;
	background: url(../images/bg_catebox.gif) no-repeat right top;
	line-height: 165%;
}

/* Safari4.0, Firefox3.5 */
body:first-of-type #catebox01,#catebox02,#catebox03,#catebox04{
	
}

/* 7.mbox
---------------------------------------------*/		
.mbox01,.mbox02,.mbox03,.mbox04 {	
	width: 56px;
	height:56px;
	margin:7px;	
	float:left;
	display:block;
}
.mbox01 {	
	background:url(../images/img_read.jpg) no-repeat;
}
.mbox02 {	
	background:url(../images/img_aboutus.jpg) no-repeat;
}
.mbox03 {	
	background:url(../images/img_staff.jpg) no-repeat;
}
.mbox04 {	
	background:url(../images/img_mmg.jpg) no-repeat;
}

/* IE6.0 */
* html .mbox01,* html .mbox02,* html .mbox03,* html .mbox04 {		
	height:1%;
	width: 56px;
	height:56px;
	margin:7px 7px 7px 4px;	
	float:left;
}
* html .mbox01 {
	height:1%;	
	background:url(../images/img_read.jpg) no-repeat;
}
* html .mbox02 {
	height:1%;	
	background:url(../images/img_aboutus.jpg) no-repeat;
}
* html .mbox03 {
	height:1%;	
	background:url(../images/img_staff.jpg) no-repeat;
	
}
* html .mbox04 {
	height:1%;	
	background:url(../images/img_mmg.jpg) no-repeat;
	
}
/* 8.tbox
---------------------------------------------*/		
.tbox {	
	width: 153px;
	height:50px;
	margin:12px 5px 5px 0px;	
	float:left;
	overflow:hidden;
}
.tbox p{	
	line-height: 1.5em;
	font-size:95%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;
	
}
.tbox p.strong{	
	line-height: 1.1em;
	font-size:110%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;
	font-weight: bold;

}
/* IE6.0 */
* html .tbox {	
	height:1%;
	width: 153px;
	height:50px;
	margin:12px 0px 5px 0px;	
	float:left;
	overflow:hidden;
}
* html .tbox p{	
	height:1%;
	line-height: 1.5em;
	font-size:75%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;
	
}
* html .tbox p.strong{
	height:1%;	
	line-height: 1.1em;
	font-size:110%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;
	font-weight: bold;
}
/* IE7.0 */
*:first-child+html .tbox p{		
	line-height: 1.5em;
	font-size:75%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;

}
*:first-child+html .tbox p.strong{
	line-height: 1.1em;
	font-size:110%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;
	font-weight: bold;
}

/* IE8.0 */
html>/**/body .tbox p{		
	line-height: 1.5em;
	font-size:85%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;

}
html>/**/body .tbox p.strong{
	line-height: 1.1em;
	font-size:110%;
	font-family:Geneva, Arial, Helvetica, sans-serif, ’ヒラギノ角ゴ Pro W3′ , ‘Hiragino Kaku Gothic Pro’ ;
	letter-spacing: -1.5px;
	color:#544a47;
	font-weight: bold;
}
	 	
/* 9.フッタ部
----------------------------------------------- */
#brfooter {
	clear: both;
	width:750px;
	height: 1px;
	margin:0px;
	background: url(../images/line_foot.gif) top no-repeat;
}
#footer {
	width:750px;
	color: #000000;
	height:100%;
	text-align: right;
	margin:0px;
}
#footer p {
	line-height: 1.6em;
	margin: 5px 12px 0px 3px;
	font-size: 90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;

}
/* IE6.0 */
* html #brfooter {
 	height: 1%;
	clear: both;
	width:750px;
	height: 1px;
	margin-top:50px;
	background: url(../images/line_foot.gif) top no-repeat;
}
* html #footer {
	height: 1%;
	width:750px;
	color: #000000;
	height:100%;
	text-align: right;
	margin:0px;
}
* html #footer p {
    height: 1%;
	margin: -5px 12px 0px 0px;
	font-size: 90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	
}
/* IE7.0 */
*:first-child+html #brfooter {
 	height: 1%;
	clear: both;
	width:750px;
	height: 1px;
	margin-top:50px;
	background: url(../images/line_foot.gif) top;
	
}
*:first-child+html #footer {
	height: 1%;
	width:750px;
	color: #000000;
	height:100%;
	text-align: right;
	margin:0px;
}
*:first-child+html #footer p {
	height: 1%;
	margin: 3px 12px 0 3px;
	font-size: 90%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.01em;
}

/* 10.backtotop
----------------------------------------------- */
.backtotop {
	margin-top:30px;
	height:18px;
	text-indent:-9000px;
	background: url(../images/backtotop.gif) no-repeat right;

}
 
 
/* 11.色要素
----------------------------------------------- */
.orange{
	font-size:105%;
	font-weight:bolder;
	color:#CC6600;
} 


/* 12.Align
----------------------------------------------- */

.alignLeft    { text-align: left !important;}
.alignRight   { text-align: right !important;}
.alignCenter  { text-align: center !important;}