@charset "UTF-8";

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}gamnare
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Global */
html,body{
height: 100%;
}

body {
background-color:#fff;
font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック","MS P Gothic", Osaka, sans-serif;
font-size:12px;
line-height:150%;
color:#666;
width:100%;
}

a:link {
color:#0648b4;
text-decoration:underline;
}

a:visited, a:active {
color:#666;
text-decoration:underline;
}

a:hover {
color: #999;
text-decoration: none;
}

img	{
border-style: none;
}

input, option, select, textarea {
font-size:1em;
}

div.clear {
	margin:0px;
	padding:0px;
	clear:both;
	line-height: 0;
	height: 1px;
	width: 1px;
}
table td, table th {
	vertical-align: top;
	}
	
	

/*==== Container ==========================*/

#outContainer {
text-align:center;
width:100%;
height:100%;
}


#mainContainer {
text-align:left;
width:1050px;
height:100%;
margin:0 auto;
}

#headerContainer {
text-align:left;
height:70px;
margin-top:10px;
padding:0 20px;
background-color:#FFFFFF;
}

#footerContainer {
text-align:left;
width:100%;
height:50px;
clear:both;
padding:10px 0;
}

.menuContainer {
width:100%;
height:55px;
background:url(images/menu-bg.gif) repeat-x;
clear:both;
}




/*==== Header ==========================*/

.logoArea {
float:left;
/*width:260px;
text-align:left;*/
}
.pray4japanBnrArea{
	float: left;margin: 10px auto 0 40px;
}
.gambareBnrArea {
/*width:600px;
float:left;
text-align:right;*/
	float: right;
}

/*==== Footer ==========================*/

#footerContainer ul {
margin:0 20px;
}

#footerContainer ul li {
display:inline;
padding:0;
margin:0;
}

#footerContainer div {
text-align:right;
font-size:0.9em;
color:#888;
}


/*==== Menu ==========================*/

.menuContainer ul {
margin:0 30px;
}

.menuContainer ul li {
display:inline;
padding:0;
margin:0;
}


/*==== Banner ==========================*/
.bnrContainer {
margin:0 30px;
padding:20px 0;
}

.bnrContainer ul li {
display:inline;
text-align:left;
}

.bnrContainer ul li img {
margin-right:27px;}



.bnrContainer-top {
float:right;
}

.bnrContainer-top ul li img {
margin-bottom:10px;}







/*==== Bijin ==========================*/

.bijinContainer {
margin:10px 30px;
}

.bijinContainerL {
float:left;
text-align:left;
width:620px;
}

.bijinContainerR {
float:left;
text-align:left;
width:260px;
}

.bijinName {
background:url(images/bijin-name.gif) no-repeat;
padding:3px 10px 0 10px;
height:27px;
font-weight:bold;
font-size:1.4em;
vertical-align:top;
line-height:100%;
color:#888;
}


.bijinInfo dt {
height:16px;
vertical-align:top;
margin-top:10px;
}

.bijinInfo dd {
font-weight:normal;
font-size:12px;
}


/*==== Top ==========================*/

#topBG {
width:100%;
height:100%;
/*background:url(images/top-bg.gif) repeat-x;*/
/*/background-position:0 10px;*/ /*IE6&7 only*/
background:url(images/top_tw_hk.jpg) no-repeat center 78px;
text-align:center;
}

.topContainer-photo {
text-align:center;
clear:both;
height:567px;
}

.topContainer-flash {
padding:0;
text-align:center;
}

.topContainer2 {
padding:10px 20px 20px 20px;
text-align:left;
}

.topContainer {
padding:20px;
text-align:left;
}


.whatsnew {
float:left;
width:800px;}

.whatsnew ul li {
margin-bottom:5px;
}


.whatsnew ul li table td {
padding:0;
vertical-align:top;}

/*==== Pages Glabal ==========================*/

.lang {
float:right;
font-size:0.9em;
padding-top:10px;
}

.lang ul li {
display:inline;
padding:0 5px;
}

h1.pageTitle {
margin:20px 30px 30px 30px;
/*color:#de2910;*/
color:#eb7f70;
font-size:1.2em;
letter-spacing:0.05em;
border-bottom:1px solid #ddd;
border-left:4px solid #f2a99f;
padding-left:5px;
width:100px;
} 

.pageContainer {
margin:10px 40px;
}

.red {
color:#de2910;
}

.alignCenter {
text-align:center;}

.alignLeft {
text-align:left;}


.alignRight {
text-align:right;}


/*==== Tokei ==========================*/


.tokeiList td img {
padding-right:40px;
padding-bottom:30px;
}

h3.tokeiFlag img {
margin-right:5px;
padding:0;
}

h3.tokeiFlag {
margin-bottom:5px;
font-size:0.9em;
padding:0;
}


/*==== Company ==========================*/

h3.companyTitle {
padding-bottom:10px;
color:#bbb;
font-size:1.2em;}

.companyTable {
border-bottom:1px solid #ddd;
border-Right:1px solid #ddd;
margin-bottom:20px;
}


.companyTable-L {
border-left:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 20px 5px 10px;
background:#eee;
}

.companyTable-R {
border-left:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 20px 5px 10px;
}



/*==== Privacy ==========================*/

h3.privacyTitle {
padding-bottom:10px;
color:#bbb;
font-size:1.2em;
}

.privacyTxt {
margin-bottom:30px;
padding-right:100px;
}

.privacyTxt p {
margin:0 10px 10px 10px;
}

.privacyTxt ul {
margin:0 20px;
padding:0 10px;
}

.privacyTxt ul li {
margin-bottom:5px;
list-style:disc;
list-style-position:outside;
}


.privacyTxt dl {
margin:0 20px;
padding:0 10px;
}

.privacyTxt dd {
margin-bottom:20px;
}

.privacyTxt dd ol {
margin-left:10px;
margin-bottom:10px;
}



/*==== Contact ==========================*/

h3.contactTitle {
padding-bottom:10px;
color:#bbb;
font-size:1.2em;}

.contactTxt {
margin-bottom:30px;
padding-right:100px;
}

.contactTxt p {
margin-bottom:10px;
}

.contactTable {
border-bottom:1px solid #ddd;
border-Right:1px solid #ddd;
margin-bottom:20px;
}


.contactTable-L {
border-left:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 20px 5px 10px;
background:#eee;
}

.contactTable-R {
border-left:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 20px 5px 10px;
}







/*==== Model ==========================*/

h3.modelTitle {
padding-bottom:10px;
color:#bbb;
font-size:1.2em;
}

.modelTxt {
margin-bottom:30px;
padding-right:100px;
}

.modelTxt p {
margin:0 10px 10px 10px;
}


/*==== Gadget ==========================*/

.gadgetLeft {
text-align:left;
width:370px;
padding-left:30px;
}

.gadgetRight {
text-align:left;
width:400px;
padding:25px 0 0 30px;
}

.gadgetBtn {
text-align:center;
padding:30px 0;
}

.gadgetBtn p {
padding-bottom:10px;
}


/*==== Special ==========================*/

h3.specialTitle {
padding-bottom:10px;
color:#bbb;
font-size:1.6em;
line-height:140%;
}

.specialPhotos {
margin-top:20px;
}

.specialPhotos td {
text-align:center;
}

.specialPhotos td img {
width:150px;
height:115px;
margin:10px;}


.specialBtn {
text-align:center;
padding:20px 0;
}

.specialSupporter {
float:right;
}

.specialSupporter td {
vertical-align:bottom;
}
.specialMsg {
font-size:2em; font-style:italic; margin:10px 0 20px 0;
}


/*==== iPhone ==========================*/

.iphoneTable01 {
width:800px;
margin:30px 0 20px 0;
}

.iphoneTable-td01 {
width:110px;}

.iphoneTable-td02 {
width:250px;}


.iphoneTable02 td {
width:150px;
text-align:left;
padding-left:10px;
padding-top:5px;}

.iphoneTable-td03 {
border-top:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
background-color:#000;
color:#fff;
padding:2px 10px;
}

.iphoneTable-td04 {
border:1px solid #000;
padding:2px 10px;
color:#000;
}


.dlappBtn {
padding:30px 0 0 0;
}

.iPhoneContents {
width:850px;
}

.iPhoneContents h3 {
font-size:1.2em;
border-bottom:1px solid #666;
margin-bottom:5px;
padding-top:30px;
color:#333;
}

.iPhoneContents p {
padding:0 5px;
}

.iPhoneContents li {
padding:0 5px;
}

.iPhoneContents li img {
margin-bottom:25px;
}