@charset "utf-8";
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
img.max-width {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
/* common elements */
.pop{/* image pop up */
	margin-bottom:25px;
}
.pop a{
	padding-bottom:15px;
	background:url(../images/zoom_ar.png) left bottom no-repeat;
}
.pop-right{
	float:right;
	padding-left:2%;
}
.pop-left{
	float: left;
	padding-right: 2%;
	padding-bottom: 20px;
}
.pop .caption {
	margin-top: 2em;
	max-width: 195px;
	text-align : right;
	direction : rtl;
}

.title-number {
	float: none;
	padding-right: 0.25em;
	font-size: 1.8em;
	line-height: 1;
	color: #bbb;
	text-align: right;
}
.lead {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0.5em;
	language: ar;
	direction : rtl;
}

/*


layout */

/* header navigation */
/* language select */

#dropmenu li ul li.current{
	border-bottom:3px solid rgba(230,0,18,1);
}
#dropmenu li ul li.current a{
	cursor:default;
}
#dropmenu li:hover > a{
  color:rgba(230,0,18,1);
}

/*


logo area */
header .logo {
	clear:both;
	float:right;
	margin:10px 0 0 0;
	width:447px;
	text-align:right;
	language:ar;
	direction:rtl;
}

.index #gamma {/* two thirds wrap */
	float:right;
	margin:0;
	width:67%;
}

.index #zeta {/* right side of one third */
	float:left;
	margin:20px 0;
	margin-right:5px;
	width:30%;
}
.index #zeta ul {
	margin:0;
	padding:20px 0 0;
	list-style:none;
}
.index #zeta ul.html {
	border-top:1px solid #333;
}
.index #zeta ul li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
/*


wrap */
#wrap {
	margin:0 auto;
	width:980px;
	text-align:right;
}

a.backNumber {
	position: absolute;
	display: block;
	top: -5px;
	left: 0px;
	right: auto;
	font-size: 13px;
	text-transform: capitalize;
	background: url(../images/arrow-01.gif) right center no-repeat;
}

/*
main column layout */
#alpha {/* left side col */
	float:right;
	width:205px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	language : ar;
	direction : rtl;
	text-align : right;
}

#beta .specialFeature p.tit-sp {
	margin:0;
	color:rgba(230,0,18,1);
	font-size:1.2em;
}

.article #gamma {/* two thirds wrap */
	width:100%;
	language : ar;
	direction : rtl;
}

.article .delta {/* left side of one third */
	clear:both;
	margin-bottom:50px;
	language : ar;
	direction : rtl;
3}

.inline-block{
	float: right;
	width: 30%;
	text-align: right;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left: 10%;
}

.inline-block-three{
	float:right;
	width:27%;
	margin:10px 2% 20px 3%;
	text-align:center;
}

.inline-block p,
.inline-block-three p,
.inline-block-twoThird p,
.inline-block-quarter p{
	text-align: right;
}

.article .delta.comments{
	padding:5px 20px 0px 20px;
	background:#E5E1D6;
	overflow:hidden;
}
/*



Cover */

.get_flashplayer{
	margin-bottom: 20px;
	font-size: 85%;
	text-align: right;
	display: block;
}
.get_flashplayer img{
	display: block;
	margin: 5px auto;
}

/*





Table of contents  */

.main #alpha {
	padding-bottom: 50px;
	text-align: center;
	right: auto;
	clear: right;
	float: right;
}
.main #alpha .contsNav {
	margin-bottom:50px;
	padding-bottom:50px;
	font-weight:bold;
	text-align:right;
	border-bottom:1px solid #333;
}

.main #alpha .contsNav li {
	margin:0 10px 10px 0;
	padding-right:20px;
	font-size:.9em;
	line-height:1.4;
	background:url(../images/arrow-01.gif) right 3px no-repeat;
}

.main .box {
	float:right;
	display:block;
	padding:40px 0 50px;
	width:245px;
	height:400px;
	border-bottom:1px solid #333;
}

.main .box .thumb span.number {
	position:absolute;
	left:10px;
	bottom:-0;
	right: 10px;
}
/*



Article pages */
.article  #beta h2.wrap-head {
	clear:left;
	position:inherit;
	position:relative;
	height:100%;
	padding-right:3px;
	padding-left:120px;
	font-size:1.8em;
	font-weight:normal;
	text-transform:none;
	border-bottom:1px solid #333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.article .article-title {
	padding:40px 0 0;
	background:url(../images/cloud-01.png) left 30px no-repeat;
	language : ar;
	direction : rtl;
}

.article .article-title.nocloud {
	background:none;
	direction : ltr;
}

.featuremap{
	position:absolute;
	top:10px;
	left: 20px;
}

.article h4 {
	margin: 1.5em 0 .5em;
	font-size: 1.4em;
}
.article p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 1em;
}
.article p.get_flashplayer{
	text-indent: 0px;
}

.article p.caption {
	text-indent: 0;
	text-align: right;
}
.article .lead p.caption {
	margin-bottom:5px;
}

.article .subtitle span.title-number {
	float:right;
	padding-right:0px;
	font-size:3em;
	line-height:2;
	color:#bbb;
	width:4%;
	margin-left:0%;
	clear: right;
	margin-right: 5px;
	language: ar;
	direction : rtl;
}
.article .subtitle div {
	float:left;
	width:90%;
	padding-right: 20px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #ccc;
	border-left-width: 0px;
	border-left-color: #fff;
	clear: left;
	padding-top: 0px;
	margin: 0px;
	language: ar;
	direction : rtl;
}

p.noindent {
	text-indent:0;
}




/*



Add Module */
.title-number_11 {
	margin-top:10px;
	margin-right:-18px;
	float:right;
	padding-left:.25em;
	font-size:1.8em;
	line-height:1;
	color:#bbb;
}

.caption_11_1 {
	text-indent:0 !important;
	margin-top:-10px !important;
	font-size:.9em;
	line-height:1.2;
	language: ar;
	direction : rtl;
}

.caption_11_1_2 {
	text-indent:0 !important;
	margin-top:-5px !important;
	font-size:.9em;
	line-height:1.2;
	language: ar;
	direction : rtl;
}


.caption_11_3 {
	text-indent:0 !important;
	margin-top:-5px !important;
	font-size:.8em;
	line-height:1.2;
	language: ar;
	direction : rtl;
}

.caption_11_4 {
	text-indent:0 !important;
	margin-top:-15px !important;
	font-size:.8em;
	line-height:1.2;
	language: ar;
	direction : rtl;
}

.caption_11_8 {
	text-indent:0 !important;
	margin-top:-15px !important;
	font-size:.8em;
	line-height:1.2;
	language: ar;
	direction : rtl;
}

.caption_11_8_2 {
	text-indent:0 !important;
	margin-top:10px !important;
	text-align:left;
	width:220px;
	font-size:.8em;
	line-height:1.2;
	language: ar;
	direction : rtl;
}

.no_11_3 {
	text-align:right;
	margin:0 5px 20px 0 !important;
	language: ar;
	direction : rtl;
}

.ar-indent {
  text-indent:1.0em;
}

.article h2 span.iconIMG{
	vertical-align:top;
	margin-left:10px;
}

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