@charset "utf-8";
body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, a, caption, address, form {margin:0;padding:0;}
body {
text-align:center;
-x-system-font:none;
font-family:Helvetica,"MS PGothic","Osaka",Arial,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
color:#CCCCCC;
line-height:1.5;
background:#1D1D1D url(./header_bg.jpg) repeat-x scroll 0 0;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd, caption, address, th, td, b, small {font-size:14px;font-style:normal;font-weight:normal;line-height:1.5;}
form {display:inline;}
table {border-collapse:collapse;text-align:left;}
li {list-style-image:none;list-style-position:outside;list-style-type:none;}
img {border:0 none;}
a {color:#CCCCCC;outline:0;}
a:visited {color:#999999;}
a:hover {color:#999999;}
div:after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
div {display:block;}
* html div {height:0;}

.b {font-weight:bold;}
.flL{float:left;}
.flR{float:right;}
.taL{text-align:left;}
.taR{text-align:right;}
.taC{text-align:center;}
.mg6a{margin:6px;}
.mg6h{margin-top:6px;margin-bottom:6px;}
.mg5t{margin-top:5px;}
.mg10t{margin-top:10px;}
.mg20t{margin-top:20px;}
.mg30t{margin-top:30px;}
.mg10r{margin-right:10px;}
.mg20r{margin-right:20px;}
.mg30r{margin-right:30px;}
.mg10b{margin-bottom:10px;}
.mg20b{margin-bottom:20px;}
.mg30b{margin-bottom:30px;}
.mg10l{margin-left:10px;}
.mg20l{margin-left:20px;}
.mg30l{margin-left:30px;}



#header {width:1176px;height:200px;margin:0 auto 25px;text-align:left;position:relative;}
#header .title {width:1176px;height:155px;background:transparent url(./title_bg.jpg) no-repeat scroll 0 0;}
#header .logo {padding:15px 0 0 105px;float:left;}
#header .lang {float:left;height:50px;padding:0 98px 0 559px;text-align:right;}
#header .lang ul{width:153px;height:30px;background:transparent url(./lang.jpg) no-repeat 0 -30px;}
#header .lang ul li{float:left;text-indent:-9999px;height:30px;}
#header .lang ul li.lang1{width:77px;}
#header .lang ul li.lang2{width:76px;}
#header .lang ul li a{display:block;overflow:hidden;width:100%;height:100%;}
#header .lang ul li.lang1 a{background:transparent url(./lang.jpg) no-repeat 0 0px;}
#header .lang ul li.lang2 a{background:transparent url(./lang.jpg) no-repeat -77px 0px;}
#header .lang ul li.lang1 a:hover{background:transparent url(./lang.jpg) no-repeat 0 -30px;}
#header .lang ul li.lang2 a:hover{background:transparent url(./lang.jpg) no-repeat -77px -30px;}

#header .swf {height:105px;float:right;padding-right:98px;text-align:right;}
#header .swf {height:100px;float:right;padding:5px 140px 0 0;text-align:right;font-size:50px;color:#CCCCCC;font-weight:bold;}

#header .menu {margin:0 98px;}
#header .menu ul{width:980px;height:45px;background:transparent url(./menu.jpg) no-repeat 0 -45px;}
#header .menu ul li{float:left;text-indent:-9999px;height:45px;}
#header .menu ul li.menu1{width:162px;}
#header .menu ul li.menu2{width:154px;}
#header .menu ul li.menu3{width:166px;}
#header .menu ul li.menu4{width:163px;}
#header .menu ul li.menu5{width:163px;}
#header .menu ul li.menu6{width:172px;}
#header .menu ul li a{display:block;overflow:hidden;width:100%;height:100%;}
#header .menu ul li.menu1 a{background:transparent url(./menu.jpg) no-repeat 0 0px;}
#header .menu ul li.menu2 a{background:transparent url(./menu.jpg) no-repeat -162px 0px;}
#header .menu ul li.menu3 a{background:transparent url(./menu.jpg) no-repeat -316px 0px;}
#header .menu ul li.menu4 a{background:transparent url(./menu.jpg) no-repeat -482px 0px;}
#header .menu ul li.menu5 a{background:transparent url(./menu.jpg) no-repeat -645px 0px;}
#header .menu ul li.menu6 a{background:transparent url(./menu.jpg) no-repeat -808px 0px;}
#header .menu ul li.menu1 a:hover{background:transparent url(./menu.jpg) no-repeat 0 -45px;}
#header .menu ul li.menu2 a:hover{background:transparent url(./menu.jpg) no-repeat -162px -45px;}
#header .menu ul li.menu3 a:hover{background:transparent url(./menu.jpg) no-repeat -316px -45px;}
#header .menu ul li.menu4 a:hover{background:transparent url(./menu.jpg) no-repeat -482px -45px;}
#header .menu ul li.menu5 a:hover{background:transparent url(./menu.jpg) no-repeat -645px -45px;}
#header .menu ul li.menu6 a:hover{background:transparent url(./menu.jpg) no-repeat -808px -45px;}



#contents {width:980px;margin:0 auto;text-align:left;position:relative;}
#contents .c1 {width:294px;float:left;}
#contents .c1 .news {background:#1D1D1D url(./side_bg.jpg) repeat-y scroll 0 0;}
#contents .c1 .news_h {background:transparent url(./side_header.jpg) no-repeat scroll 0 0;padding:60px 15px 0 14px;}
#contents .c1 .news_f {background:#1D1D1D url(./side_footer.jpg) no-repeat scroll 0 0;padding:7px 0 0 200px;height:35px;}
#contents .c1 .news_h div {padding:10px;width:245px;border-bottom:1px solid #444444;}
#contents .c1 .news_h p {display:inline;float:left;margin-right:10px;border:3px solid #000000;}
#contents .c1 .news_h dl.t {margin-left:98px;}
#contents .c1 .news_h dt {font-size:11px;color:#FF4FA4;font-weight:bold;}
#contents .c1 .news_h dd {font-size:12px;color:#FFFFFF;padding:0 0 0 10px;}

#contents .c2 {width:666px;float:right;margin-left:20px;}
#contents .c2 .topbox {float:left;}
#contents .c2 .topblog {float:left;background:#1D1D1D url(./btn_blog_bg.jpg) no-repeat scroll 0 0;margin-top:20px;width:666px;height:88px;}
#contents .c2 .topblog .blog1 {float:left;padding:23px 30px 25px 152px;height:40px;}
#contents .c2 .topblog .blog2 {float:left;padding:23px 0 25px 30px;height:40px;}
#contents .c2 .main {background:#1D1D1D url(./main_bg.jpg) repeat-y scroll 0 0;}
#contents .c2 .main_h {background:transparent url(./main_header_noneline.jpg) no-repeat scroll 0 0;padding:0 15px 0 15px;}
#contents .c2 .news_h {background:transparent url(./main_header_news.jpg) no-repeat scroll 0 0;padding:65px 15px 0 15px;}
#contents .c2 .about_h {background:transparent url(./main_header_about.jpg) no-repeat scroll 0 0;padding:65px 15px 0 15px;}
#contents .c2 .books_h {background:transparent url(./main_header_books.jpg) no-repeat scroll 0 0;padding:65px 15px 0 15px;}
#contents .c2 .iphone_h {background:transparent url(./main_header_iphone.jpg) no-repeat scroll 0 0;padding:65px 15px 0 15px;}
#contents .c2 .movies_h {background:transparent url(./main_header_movies.jpg) no-repeat scroll 0 0;padding:65px 15px 0 15px;}
#contents .c2 .main_f {background:#1D1D1D url(./main_footer.jpg) no-repeat scroll 0 0;padding:0;height:15px;}
#contents .c2 .newslist {margin:0 10px;padding:20px 0;width:616px;border-bottom:1px solid #444444;}
#contents .c2 .newslist p {display:inline;float:left;margin-right:10px;border:3px solid #000000;}
#contents .c2 .newslist dl.t {margin-left:98px;}
#contents .c2 .newslist dt {font-size:11px;color:#FF4FA4;font-weight:bold;}
#contents .c2 .newslist dd {padding:0 0 0 10px;}
#contents .c2 .newsdetail {margin:0 10px;padding:20px 0 0;width:616px;border-bottom:1px solid #444444;}
#contents .c2 .newsdetail dt {font-size:11px;color:#FF4FA4;font-weight:bold;}
#contents .c2 .newsdetail dd {font-size:14px;color:#FF4FA4;font-weight:bold;padding:0 0 0 10px;}
#contents .c2 .newsdetail .topics {margin:25px 0;color:#FFFFFF;}
#contents .c2 .newsdetail .topics p {padding-bottom:10px;font-size:13px;}
#contents .c2 .newsdetail .topics img {margin-left:10px;}
#contents .c2 .newsdetail .topics h1 {font-size:20px;font-weight:bold;}
#contents .c2 .newsdetail .topics h2 {font-size:14px;margin:10px 0 0;}
#contents .c2 .newsdetail .topics h2 p {font-size:14px;}
#contents .c2 .newsdetail .topics h3 {font-size:12px;margin:10px 0 0;}
#contents .c2 .newsdetail .topics h3 p {font-size:12px;}
#contents .c2 .news_navi {width:636px;height:15px;text-align:center;margin:10px auto 0;}
#contents .c2 .news_navi span.back {width:45px;}
#contents .c2 .news_navi span.next {width:45px;}
#contents .c2 .news_navi span.index {width:45px;margin:0 35px;}
#contents .c2 .about {padding:25px 10px;width:616px;color:#FFFFFF;}
#contents .c2 .about p {padding-bottom:10px;font-size:13px;}
#contents .c2 .about img {display:inline;float:right;margin-left:10px;}
#contents .c2 .about h1 {font-size:20px;font-weight:bold;}
#contents .c2 .about h2 {font-size:14px;margin:10px 0 0;}
#contents .c2 .about h2 p {font-size:14px;}
#contents .c2 .about h3 {font-size:12px;margin:10px 0 0;}
#contents .c2 .about h3 p {font-size:12px;}
#contents .c2 .books {width:636px;color:#FFFFFF;}
#contents .c2 .books .left {vertical-align:top;padding:20px 25px 20px 10px;}
#contents .c2 .books .right {vertical-align:top;padding:20px 10px 20px 0;}
#contents .c2 .books dt {font-size:18px;color:#13D013;font-weight:bold;padding-top:25px;}
#contents .c2 .books dt span {font-size:12px;color:#13D013;font-family:"MS PGothic","Osaka",Arial,sans-serif;padding-left:15px;}
#contents .c2 .books dd {font-size:12px;color:#FFFFFF;font-weight:bold;padding:10px 0;border-bottom:1px dotted #FFFFFF;}
#contents .c2 .books p {padding-top:10px;font-size:12px;color:#CCCCCC;}
#contents .c2 .books p.s {padding-top:10px;font-size:9.5px;color:#CCCCCC;}
#contents .c2 .youtube dt {font-size:18px;color:#CC00FF;font-weight:bold;padding-top:15px;}
#contents .c2 .youtube dd {font-size:12px;color:#FFFFFF;font-weight:bold;padding:10px 0 20px;text-align:center;}
#contents .c2 .iphone {width:636px;color:#FFFFFF;}
#contents .c2 .iphone .left {vertical-align:top;padding:25px 25px 20px 10px;}
#contents .c2 .iphone .left .icon {text-align:center;padding:20px 0;}
#contents .c2 .iphone .right {vertical-align:top;padding:25px 10px 20px 0;}
#contents .c2 .iphone dt {font-size:18px;color:#CC00FF;font-weight:bold;}
#contents .c2 .iphone dt span {font-size:12px;color:#CC00FF;font-family:"MS PGothic","Osaka",Arial,sans-serif;padding-left:15px;}
#contents .c2 .iphone dd {font-size:12px;color:#FFFFFF;font-weight:bold;padding:10px 0;border-bottom:1px dotted #FFFFFF;}
#contents .c2 .iphone p {padding:20px 0 5px;font-weight:bold;font-size:12px;color:#CCCCCC;}
#contents .c2 .iphone p.s {padding:0 0 0 10px;font-weight:normal;font-size:12px;color:#CCCCCC;}
#contents .c2 .movies dt {font-size:18px;color:#FD6C0A;font-weight:bold;padding-top:15px;}
#contents .c2 .movies dd {font-size:12px;color:#FFFFFF;font-weight:bold;padding:10px 0 10px;text-align:center;}
#contents .c2 .movies .box_l {vertical-align:top;padding:0 40px 15px 0;width:294px;}
#contents .c2 .movies .box_r {vertical-align:top;padding:0 0 15px 0;width:294px;}
#contents .c2 .movies .box_l p,#contents .c2 .movies .box_r p {text-align:center;padding:5px 0;font-weight:bold;}
#contents .c2 .border_t {border-top:1px solid #444444;}
#contents .c2 .border_b {border-bottom:1px solid #444444;}

.arrow {background:transparent url(./arrow.gif) no-repeat scroll 0 0;padding:0 0 0 10px;}
.amazon {background:transparent url(./btn_amazon.jpg) no-repeat scroll 0 0;width:170px;height:30px;text-indent:-9999px;margin-top:20px;}
.amazon a {display:block;overflow:hidden;width:100%;height:100%;}
.appstore {background:transparent url(./btn_appstore.jpg) no-repeat scroll 0 0;width:351px;height:30px;text-indent:-9999px;margin-top:20px;margin-right:10px;}
.appstore a {display:block;overflow:hidden;width:100%;height:100%;}

hr {border:0 none #333333;margin:0;padding:0;background:transparent url(./side_hr.jpg) repeat-x scroll 0 0;height:2px;}
* html hr {margin:0;padding:0;color:#333333;background-color:#333333;height:1px;border:0 none #333333;}



#footer {min-width:1176px;height:65px;margin:45px auto;text-align:center;position:relative;background:#1D1D1D url(./footer_bg.jpg) repeat-x scroll 0 0;}
#footer .copyright {text-align:center;font-weight:bold;font-size:11px;color:#999999;padding-top:25px;}
* html #footer {width:expression(document.body.clientWidth<1176 ? "1176px" : document.body.clientWidth+"px");}


#sengen h1 {font-size:20px;color:#FFFFFF}
#sengen p {color:#FFFFFF}
div#sengen_smartphone  {padding:15px 0px 0px 5px;}
div#sengen_smartphone p {color:#FFFFFF}
#contents .c2 .iphone #sengen_smartphone  p {color:red;font-weight:normal}

#contents .c1 .blog_h {background:transparent url(./side_header_blog.jpg) no-repeat scroll 0 0;padding:60px 15px 0 14px;}
#contents .c1 .blog_h div {padding:10px;width:245px;border-bottom:1px solid #444444;}
#contents .c1 .blog_h p {display:inline;float:left;margin-right:10px;border:3px solid #000000;}
#contents .c1 .blog_h dl.t {margin-left:98px;}
#contents .c1 .blog_h dt {font-size:11px;color:#FF4FA4;font-weight:bold;}
#contents .c1 .blog_h dd {font-size:12px;color:#FFFFFF;padding:0 0 0 10px;}
#contents .c2 .blog_h {background:transparent url(./main_header_news.jpg) no-repeat scroll 0 0;padding:65px 15px 0 15px;}
#contents .c1 .blog_f {background:#1D1D1D url(./side_footer.jpg) no-repeat scroll 0 0;padding:7px 0 0 200px;height:45px;}