@charset "utf-8";

/*------------------------------------------------------------

個別ページ

------------------------------------------------------------*/

/* トップページ
------------------------------------------------------------*/
.page-index #section-body{
	background:url(/common/images/top/ribbon_head_top.jpg) 0 0 repeat-x;
}

.page-index .section-feature{
	background:url(/common/images/top/bg_head_top.jpg) 50% 0 no-repeat;
}

.page-index #iphone_wrap{
	position:relative;
	width:920px;
	height:360px;
}

.page-index #iphone_wrap ul{
	position:absolute;
	left:65px;
	top:55px;
	width:790px;
	height:250px;
}

.page-index #iphone_wrap ul li{
	position:absolute;
}

.page-index #iphone_wrap ul li#alt1{
	left:0;
	top:0;
}

.page-index #iphone_wrap ul li#alt2{
	right:0;
	top:0;
}

.page-index #iphone_wrap ul li#alt3{
	left:0;
	bottom:0;
}

.page-index #iphone_wrap ul li#alt4{
	right:0;
	bottom:0;
}

.page-index #section-body .section-feature .contents{
	height:360px;
}

.page-index #section-body .section-2col{
	padding:18px 0 25px;
}

.page-index #section-body .section-2col .colMain{
	float:left;
	width:700px;
}

.page-index #section-body .section-2col .colSub{
	float:right;
	width:200px;
}

.page-index #section-body .box-menu{
	background:#f5f5f5;
	margin-bottom:20px;
}

.page-index #section-body .box-menu h2{
	margin:0 0 10px;
}

.page-index #section-body .box-menu p.lead{
	margin:0 0 5px 10px;
}

.page-index #section-body .box-menu ul{
	margin-left:10px;
}

.page-index #section-body .box-menu li{
	width:337px;
	height:141px;
	background:url(/common/images/top/bg_box_shadow.gif) 100% 100% no-repeat;
	float:left;
	margin:0 8px 8px 0;
}

.page-index #section-body .box-menu li h3{
	margin-bottom:5px;
}

.page-index #section-body .box-menu li p{
	padding:5px 5px 0;
	font-size:12px;
	line-height:16px;
}

.page-index #section-body .box-news h2{
	margin-bottom:12px;
}

.page-index #section-body .box-news ul{
	margin-bottom:20px;
}

.page-index #section-body .box-news li,
.page-index #section-body .box-news li p{
	height:2em;
	line-height:2em;
}

.page-index #section-body .box-news li img{
	vertical-align:-3px;
}

.page-index #section-body .box-news li .date{
	float:left;
	width:8.5em;
}

.mac .page-index #section-body .box-news li .date{
	width:9em;
}

.page-index #section-body .box-news li .text{
	float:left;
}

.page-index #section-body .box-news li .text span{
	background:url(/common/images/common/bullet_triangle.jpg) 0 2px no-repeat;
	padding-left:10px;
}

.page-index #section-body .colSub li{
	margin-bottom:5px;
}

.page-index #section-body .colSub li img{
	vertical-align:top;
}

/* 検索結果
------------------------------------------------------------*/
#section-body #box-searchResult{
	padding:50px 10px 10px;
	zoom:1;
}

#section-body #box-minHeight{
	height:400px;
	float:right;
	width:1px;
}

/* サイトマップ
------------------------------------------------------------*/
#box-sitemap{
	border:1px solid #ddd;
	padding:20px;
	width:718px;
	margin:20px auto;
}

.lower #section-body #box-sitemap .category-menu li{
	width:350px;
}

.lower #section-body #box-sitemap .category-menu li li{
	width:auto;
}

.lower #section-body #box-sitemap .category-menu li h4{
	width:320px;
}

.lower #section-body #box-sitemap .category-menu li ul{
	background:none;
	margin:0 25px;
}

/* ニュースリリース
------------------------------------------------------------*/
.page-news #section-body .list-news li{
	line-height:1.2em;
	padding:10px 20px;
	background:url(/common/images/common/line_dotted.gif) 0 100% repeat-x;
}

.page-news #section-body .list-news li div{
	background:url(/common/images/common/bullet_chevron.jpg) 0 2px no-repeat;
	padding-left:14px;
}

.page-news #section-body .list-news li img{
	vertical-align:-3px;
}

.page-news #section-body .list-news li p{
	margin-left:8.5em;
	position:relative;
	zoom:1;
}

.mac .page-news #section-body .list-news li p{
	margin-left:9em;
}

.page-news #section-body .list-news li .date{
	width:8.5em;
	font-weight:bold;
	position:absolute;
	left:-8.5em;
	top:0;
}

.win .page-news #section-body .list-news li .date{
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

.mac .page-news #section-body .list-news li .date{
	width:9em;
	left:-9em;
}


.page-news #section-body .list-news li .blank{
	background:url(/common/images/common/icon_blank.gif) 100% 2px no-repeat;
	padding-right:15px;
}

.page-news #section-body .article{
	padding:0 10px;
}

.page-news #section-body .article h4{
	font-weight:bold;
	padding:0 10px 8px;
	border-bottom:1px solid #ccc;
	margin:0 -10px 1em;
	font-size:115%;
}

.page-news #section-body .article h4 span{
	padding-right:1em;
}

.page-news #section-body .nav-paging{
	padding-top:15px;
	text-align:center;
}

.page-news #section-body .nav-paging li{
	font-size:14px;
	font-weight:bold;
	padding:0 3px;
	display:inline;
}

.page-news #section-body .nav-paging li a{
	font-weight:normal;
}

/* ポップアップ
------------------------------------------------------------*/
.page-popup .contents,
.page-popup #section-body .contents-foot{
	width:620px;
}

.page-popup #section-header{
	background:url(/common/images/other/bg_popup_head.jpg) 0 100% repeat-x;
}

.page-popup #section-header .contents{
	height:65px;
	background-image:url(/common/images/other/ribbon_head_popup.jpg);
}

.page-popup #section-header .logo{
	top:20px;
}

.page-popup #section-header .utility{
	position:absolute;
	width:150px;
	height:22px;
	right:0;
	top:20px;
}

.page-popup #section-header .utility li{
	float:left;
}

.page-popup #section-header .utility li img{
	padding-left:10px;
}

.page-popup #section-body .hgroup{
	background:url(/common/images/common/line_dotted.gif) 0 100% repeat-x;
	margin-bottom:10px;
}

.page-popup #section-body h2{
	padding:28px 0 10px 64px;
	background:url(/common/images/products/bullet_blue_title.jpg) 20px 33px no-repeat;
	font-size:16px;
	font-weight:bold;
}

.page-popup .indent{
	margin:0 30px;
}

.page-popup .indent p{
	font-size:115%;
}

.page-popup .indent iframe{
	margin:15px 65px;
}

.page-popup .indent small{
	text-align:center;
	display:block;
}

.page-popup .indent small a{
	font-size:140%;
}

.page-popup .indent p.btn{
	text-align:center;
	margin:20px auto 0;
}

.page-popup #section-footer .rights{
	top:22px;
}

.page-popup #section-footer{
	background:url(/common/images/common/ribbon_foot.jpg) 0 0 repeat-x;
}

.page-popup #section-footer .contents{
	background:none;
}

/* お問い合わせ
------------------------------------------------------------*/
#section-body .section-form{
	width:760px;
	margin:0 auto;
	padding:0 20px 20px;
}

#section-body .section-form .hgroup{
	margin:0 -20px;
}

#section-body .section-form table{
	margin:20px 0;
}

#section-body .section-form table th,
#section-body .section-form table td{
	vertical-align:top;
	padding:8px 0;
}

#section-body .section-form table th.title{
	width:130px;
}

#section-body .section-form table td{
	width:630px;
}

#section-body .section-form table ul{
	margin-bottom:10px;
}

#section-body .section-form table ul li{
	display:inline;
	padding:0 5px;
}

#section-body .section-form table ul li input{
	vertical-align:-2px;
}

#section-body .section-form table ul li label{
	padding-left:5px;
}

#section-body .section-form table p.right{
	text-align:right;
}

#section-body .section-form table .text1,
#section-body .section-form table textarea{
	width:450px;
}

#section-body .section-form table textarea{
	height:10em;
}

#section-body .section-form table .number{
	width:140px;
	margin-right:10px;
}

#section-body .section-form div.btns{
	padding: 0 0 30px 150px;
}

#section-body .section-form div.btns p{
	float:left;
	padding-right:10px;
}

#section-body .section-form .thanks{
	padding-bottom:100px;
}

#section-body .section-form .thanks .btn{
	margin-top:20px;
}

#section-body .section-form .err{
	color:#f00;
	font-weight:bold;
}

/*2011.0609追記*/
#box-privacy h3, #box-terms h3 {
    background: url(/common/images/other/bg_sub_h.jpg) no-repeat scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 0 0 1em;
    padding-left: 28px;
}

#box-privacy, #box-terms {
    border: 1px solid #DDDDDD;
    margin: 20px auto;
    padding: 20px;
    width: 718px;
}

/* news
------------------------------------------------------------*/
.page-news #section-body ul.related-link li{
	background:url(/common/images/common/bullet_triangle.jpg) 0 5px no-repeat;
	padding-left:10px;
}