@charset "UTF-8";
/* CSS Document */

/*

iPhone Business Paradice プリントスタイルシート
 
print.css - print style sheet for iPhone Business Paradice website.

-----History----------------------------------------------------------------------------------------
	2009/09/11 ver1.0
----------------------------------------------------------------------------------------------------
*/

@media print {
/* hack mac ie not support for print */
/* Foot Bottom System */




/* body style ----------------------------------------------------------------------------------- */


html{
	font-size: small;
}

body {
	padding: 0px;
	color: #484848;
	font-family:  'Meiryo', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'Osaka', helvetica, sans-serif ;
	/*font-family:  Georgia, "MSP明朝", "細明朝体", "平成明朝", "Hiragino Kaku Gothic Pro", helvetica, sans-serif ;*/
	font-weight: normal;
	line-height: 1.5em;
	background : #fff;
	text-align:left;
	margin: 0;
	line-height:1.6em;
	letter-spacing:0.15em;
	position:relative;
	font-size:0.95em;
}



.pngfix{
	behavior: url(/scripts/iepngfix.htc);
}



.helpnavi{
	display:none;
}

a {
	font-weight: normal;
	text-decoration: none;
	color:#0088cc;
}

a:hover {
	text-decoration: underline;
	color:#0088cc;

}

a.pdf{
	background:url(../images/base/pdf.png) no-repeat left;
	padding-left:20px;
	height:17px;
}

img {
	border:none;
	background: transparent;
	line-height:0px;
	vertical-align:bottom;
}


hr {
	display: none;
}


p {
	line-height:18px;
	letter-spacing:0.1em;
	margin-top:3px;
	margin-bottom:1.2em;
	font-size:1.0em;
	}

p.top {
	margin-top:1.2em;
	}
	
p.right{
	text-align:right;
}

.center{
	text-align:center;
}


.small{
	font-size:0.85em;
}

br{letter-spacing:0;}

ul,ol{
	list-style:none;
	margin:0px;
	padding:0px;
}  

ul li,ol li{
	margin:0px;
	padding:0px;
}  


h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	color:#1a1a1a;
}

strong{
	font-weight:lighter;
	color:#e0660d;
}

h1{
	font-size:1em;
	font-weight:lighter;
	text-indent:-9999px;
}



table{
	margin:0px;
	padding:0px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}


table.table_style_border{
	margin-top:10px;
	border-collapse:collapse;
}

.table_style_border th,
.table_style_border td{
	border-bottom:dotted 1px #bfbfbf;
	margin:0px;
	padding:20px;
	font-size:1em;
}

th.table_style_border table{
	padding-right:10px;
	vertical-align:top;
	font-weight:lighter;
	text-align:left;
	font-size:1em;
	text-align:right;
}


td.table_style_border table{
	padding-left:15px;
}

.table_style_border td span.small{
	font-size:0.8em;
	padding-left:10px;
}

.table_style_border td label{
	font-size:0.9em;
}






table.table_style_block{
	margin:0px;
	padding:0px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}


table.table_style_block th,
table.table_style_block td{
	border:solid 1px #c8c8c8;
	margin:0px;
	padding:20px 15px 20px 15px;
}

table.table_style_block th{
	background-color:#efefef;
	vertical-align:middle;
	font-weight:lighter;
	text-align:right;
}





.table_style_none table{
	margin:0px;
	padding:0px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

.table_style_none table th,
.table_style_none table td{
	border:none;
	margin:0px;
	padding:15px 0px 15px 0px;
	font-size:1em;
}

.table_style_none table th{
	vertical-align:top;
	font-weight:lighter;
	text-align:right;
}

.table_style_none table td{
	padding-left:30px;
}




/* Foot Bottom System */

.last{
	background:none!important;
	margin-right:0px!important;
}

.hover {
	cursor: pointer;
	}
	
.hover a:link {
	color: #0088cc;
	text-decoration:underline;
	}

.hover, .hover h3, .hover p {
	color:#888;
}

a.arrow_blue{
	background:url(../images/base/arrow_blue.png) no-repeat left 4px;
	height:1.2em;
	padding-left:10px;
}

a.arrow_blue_alpha{
	background:url(../images/base/arrow_blue_alpha.png) no-repeat left 4px;
	height:1.2em;
	behavior: url(/scripts/iepngfix.htc);
	padding-left:10px;
}

.title{
	font-size:1.2em;
}



/* head layout ----------------------------------------------------------------------------------- */

body{
	background:#fff;
}

#head_area{
	background:url(../images/base/head_bg.png) repeat-x;
}

#head_area .inner{
	width:952px;
	margin:0 auto;
	position:relative;
	height:100px;
}

#head_area .inner .logo{
	position:absolute;
	left:0px;
}

#head_area .inner .tell{
	position:absolute;
	right:0px;
}

#head_area p.twitter_link{
	display:block;
	width:110px;
	height:62px;
	position:absolute;
	right:201px;
	bottom:-15px;
}

#head_area p.twitter_link a{
	display:block;
	width:110px;
	height:62px;
	background:url(../images/base/twitter_off.png) no-repeat;
	behavior: url(/scripts/iepngfix.htc);
	text-indent:-9999px;
	cursor:pointer;
}

#head_area p.twitter_link a:hover{
	background:url(../images/base/twitter_on.png) no-repeat;
	behavior: url(/scripts/iepngfix.htc);
}


/* menu layout ----------------------------------------------------------------------------------- */

#global_menu{
	background:url(../images/menu/menu_bg.png) repeat-x;
}

#global_menu ul{
	width:952px;
	margin:0 auto;
}

#global_menu ul li{
	float:left;
}



/* foot layout ----------------------------------------------------------------------------------- */

#foot_wrapper{
	padding-top:150px;
}

#copyright{
	background:#909090;
	padding:3px 0;
}

#copyright address{
	color:#fff;
	width:952px;
	margin:0 auto;
	font-size:0.9em;
	font-style:normal;
}

#foot_wrapper .inner{
	width:952px;
	margin:50px auto;
}


.column4 .column_inner{
	width:218px;
	float:left;
	padding:0 10px;
}

#foot_wrapper h4{
	color:#666666;
	font-size:1.1em;
}

#foot_wrapper h4.second{
	margin-top:20px;
}

#foot_wrapper h4 a{
	color:#666666;
	font-weight:bold;
}

#foot_wrapper h4 a:hover{
	color:#a6a6a6;
	font-weight:bold;
}

#foot_wrapper ul{
	margin:5px 0;
}

#foot_wrapper li a{
	color:#7a7a7a;
	font-weight:lighter;
}

#foot_wrapper li{
	font-size:0.9em;
	padding-left:10px;
	background:url(../images/base/arrow_foot.png) no-repeat left 5px;
}

.foot_menu_wrapper{
	border-top:solid 1px #bdbcbd;
}

.foot_menu_wrapper .inner{
	width:952px;
	margin:0 auto;
}

.foot_menu_wrapper .inner p{
	text-align:right;
	font-size:0.85em;
	color:#666666;
	margin-bottom:0px;
	padding:3px 0;
}

.foot_menu_wrapper .inner li{
	margin-top:3px;
	float:left;
	font-size:0.85em;
	background:url(../images/base/foor_vbar.png) no-repeat right;
	margin-right:10px;
	padding-right:10px;
}

.foot_menu_wrapper .inner li a{
	color:#666666;
}



/* clearfix ----------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {zoom:1;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { clear:both;}




/* body style ----------------------------------------------------------------------------------- */



#foot_wrapper{
	padding-top:0;
}

/* contents layout ----------------------------------------------------------------------------------- */

.contents_wrapper{
	background:url(../images/base/main_bg.png) repeat-x top #fff;
}

.contents_wrapper .contents_inner{
	padding-bottom:70px;
}

body.simple_box .contents_wrapper .contents_inner{
	padding-bottom:70px;
	width:952px;
	margin:0 auto;
}

.contents_wrapper .contents_body{
	width:952px;
	margin:0 auto;
}

.contents_alpha_box{
	background:url(../images/base/second_main_top.png) no-repeat top;
	behavior: url(/scripts/iepngfix.htc);
	width:952px;
}

#list .contents_alpha_box{
	margin-top:-13px;
	position:relative;
}

.contents_alpha_box .contents_box_inner{
	background:url(../images/base/second_main_middle.png) no-repeat 0 385px;
}

.contents_alpha_box .contents_box_body{
	background:url(../images/base/second_main_bottom.png) no-repeat bottom;
	padding:13px 13px 37px 13px;
}


.contents_2column .left_area{
	width:216px;
	padding:10px;
	float:left;
	border-right:solid 1px #bdbcbd;
}

.contents_2column .right_area{
	width:620px;
	float:right;
	padding:40px 40px 40px 0;
}

#list .contents_2column .right_area{
	width:650px;
	padding-right:0px;
}


.contents_alpha_box .contents_1column{
	padding:40px;
}




/* pankuzu layout ----------------------------------------------------------------------------------- */

.pankuzu{
	padding-top:12px;
	margin-bottom:10px;
}

body.simple_box .pankuzu{
	margin-bottom:60px;
}

.pankuzu li{
	float:left;
	font-size:0.85em;
	padding-right:12px;
	margin-right:10px;
	background:url(../images/base/arrow_gray.png) no-repeat right ;
}

.pankuzu li.active{
	background:none;
}

.pankuzu li a{
	color:#666;
}


/* title layout ----------------------------------------------------------------------------------- */

#list .title{
	padding-bottom:30px;
}

#list .title h2{
	padding-top:100px;
	margin-bottom:20px;
}

*:first-child+html #list .title h2{
	padding-top:50px;
}

#list .title h2.lovers{
	padding-top:40px;
}

#list .title p{
	font-size:1em;
	color:#999999;
	margin-bottom:20px;
}


body.apps .title{
	background:url(../images/pages/iphone_apps/index/main_img.png) no-repeat right bottom;
	behavior: url(/scripts/iepngfix.htc);
}

body.software .title{
	background:url(../images/pages/iphone_software/index/main_img.png) no-repeat right bottom;
	behavior: url(/scripts/iepngfix.htc);
}



/* left area layout ----------------------------------------------------------------------------------- */

.left_area ul.sub_menu li{
	background:url(../images/base/bottom_border.png) no-repeat bottom center;
	text-align:right;
	padding-right:5px;
}

.left_area ul.sub_menu li.active span{
	display:block;
	background:url(../images/base/arrow_blue.png) no-repeat right 1.5em;
	padding:15px 12px 18px 10px;
	font-size:1.1em;
	color:#0088cc;
}

.left_area ul.sub_menu li a{
	background:url(../images/base/arrow_gray.png) no-repeat right 1.7em;
	padding:15px 12px 18px 10px;
	display:block;
	color:#666;
}

.left_area ul.sub_menu li a:hover{
	color:#bdbcbd
}





/* app_list layout ----------------------------------------------------------------------------------- */

/* app_list -------------- */


.app_list{
	margin-bottom:60px;
}

.app_list li{
	width:284px;
	float:left;
	margin:0 30px 30px 0;
	background:url(../images/base/bottom_border.png) no-repeat bottom center;
	padding:5px 5px 30px 5px;
	position:relative;
	display:inline;
}


.app_list .img_box{
	float:left;
	width:130px;
}

.app_list .text_box{
	float:right;
	width:152px;
}

.app_list .text_box h3{
	font-size:1.05em;
}

.app_list .text_box h3 a{
	color:#1a1a1a;
	font-weight:bold;
}

.app_list .text_box h3 a:hover{
	color:#666666;
	font-weight:bold;
}

.app_list .text_box span a{
	font-size:0.9em;
	color:#777777;
}

.app_list .text_box p{
	font-size:0.8em;
	line-height:1.3em;
	color:#333333;
	margin-bottom:0px;
	margin-top:10px;
}

.app_list a.arrow_blue{
	background:url(../images/base/arrow_blue.png) no-repeat right 4px;
	padding-right:12px;
	padding-left:0px;
}

.app_list a.cap img{
	border:#CCCCCC 1px solid;
}

.app_list a.icon{
	position:absolute;
	top:68px;
	left:60px;
}

/* page_navi -------------- */

.page_navi{
	padding:3px 30px 60px 3px;
	margin-bottom:60px;
}

.page_navi ul{
	float:right;
	margin-bottom:60px;
}

.page_navi li{
	float:left;
	margin-right:5px;
	font-size:0.9em;
}

.page_navi li.active{
	padding:3px 10px;
	border:#bdbcbd 1px solid;
	background:url(../images/base/page_navi_bg.png) repeat-x top #f0f0f0;
	color:#0088cc;
}

.page_navi li.previous_off,
.page_navi li.next_off{
	padding:3px 10px;
	border:#ededed 1px solid;
	background:#f6f6f6;
	color:#bdbcbd
}

.page_navi li a{
	background:url(../images/base/page_navi_bg.png) repeat-x top #f0f0f0;
	border:#bdbcbd 1px solid;
	display:block;
	padding:3px 10px;
	color:#666;
}

.page_navi li a:hover{
	color:#0088cc;
}



/* software_list layout ----------------------------------------------------------------------------------- */

/* software_list -------------- */

.software_list{
	margin-bottom:60px;
}

.software_list li{
	background:url(../images/base/bottom_border.png) no-repeat bottom center;
	padding:5px 5px 20px 12px;
	position:relative;
	margin-bottom:30px;
	width:605px;
}


.software_list .img_box{
	float:left;
	width:130px;
}

.software_list .text_box{
	float:left;
	width:390px;
	margin-left:30px;
}

.software_list .text_box p.right{
	position:absolute;
	bottom:20px;
	right:50px;
}

.software_list .text_box h3{
	margin-top:10px;
	font-size:1.6em;
}

.software_list .text_box h3 a{
	color:#1a1a1a;
	font-weight:bold;
}

.software_list .text_box h3 a:hover{
	color:#666666;
	font-weight:bold;
}

.software_list .text_box span a{
	font-size:0.8em;
	color:#777777;
}

.software_list .text_box p{
	font-size:1em;
	line-height:1.3em;
	color:#333333;
	margin-bottom:0px;
	margin-top:10px;
}

.software_list a.arrow_blue{
	background:url(../images/base/arrow_blue.png) no-repeat right 4px;
	padding-right:12px;
	padding-left:0px;
}




/* detail_list layout ----------------------------------------------------------------------------------- */

#detail .title{
	padding-top:30px;
	padding-bottom:30px;
	background:none;
}

#detail .title img.icon,
#detail .title .right_area{
	float:left;
	margin-bottom:15px;
}

#detail .title img.icon{
	margin-left:20px;
}

#detail .title .right_area{
	width:430px;
	margin-left:15px;
}

#detail .title .right_area h2{
	font-size:25px;
	margin-top:10px;
	letter-spacing:0.02em;
	line-height:1.2em;
}

#detail .title .right_area h2.software{
	margin-top:50px;
	font-size:31px;
}

#detail .title .right_area p.dev_name{
}

#detail .title .right_area p.dev_name a{
	font-size:0.9em;
	color:#777777;
}

#detail .title .right_area p.dev_name a.software{
	font-size:0.9em;
}


#detail .title .right_area p.price{
	font-size:0.8em;
	margin-bottom:0px;
	color:#777777;
}

#detail .title .right_area p.price span{
	font-size:1.4em;
}


#detail .title img.contact{
	float:right;
	margin-top:10px;
}

/* photo_cjanger layout ------ */

.photo_area{
	width:348px;
	position:relative;
	padding-top:30px;
	float:left;
}
	

.photo_list{
	margin:0px auto;
	background:#FFFFFF;
	position:relative;
	width:266px;
	height:460px;
	overflow:hidden;
}

#photo_list_inner{
	position:absolute;
}

#photo_list_inner div{
	width:266px;
	float:left;
}

#photo_list_inner img{
	width:266px;
	padding-bottom:3px;
}

.photo_list_buttons .next{
	text-indent:-9999px;
	position:absolute;
	display:block;
	width:23px;
	height:28px;
	right:0px;
	top:50%;
	margin-top:-19px;
	background:url(../images/base/detail_arrow_next.png) no-repeat;
	behavior: url(/scripts/iepngfix.htc);
	cursor:pointer;
}

.photo_list_buttons .prev{
	text-indent:-9999px;
	display:block;
	position:absolute;
	width:23px;
	height:28px;
	left:0px;
	top:50%;
	margin-top:-19px;
	background:url(../images/base/detail_arrow_prev.png) no-repeat;
	behavior: url(/scripts/iepngfix.htc);
	cursor:pointer;
}

.slide_navi{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-45px;
}

.slide_navi span{
	text-indent:-9999px;
	background:url(../images/base/slide_point.png) no-repeat;
	width:9px;
	height:9px;
	display:block;
	float:left;
	margin-right:10px;
}

.slide_navi span.active{
	background:url(../images/base/slide_point_active.png) no-repeat;
}



/* product_detail layout ------ */

#detail .product_detail{
	float:right;
	width:435px;
	margin-top:34px;
	position:relative;
}

#detail .product_detail h3{
	border-bottom:1px solid #939393;
	font-size:1.1em;
	margin-bottom:5px;
}


#detail .product_detail a.itunes_download{
	position:absolute;
	bottom:100px;
	right:0px;
}

#detail .spec{
	background:url(../images/base/bottom_border.png) no-repeat top;
	font-size:0.9em;
	padding-left:10px;
	padding-top:10px;
	letter-spacing:0.05em;
	margin-bottom:30px;
}

#detail .spec li{
	float:left;
	background:url(../images/base/arrow_gray.png) no-repeat left;
	padding-left:12px;
	margin-right:12px;
}

/* software_details layout ------ */

.box_outer{
	padding-bottom:30px;
}

.gra_box_small{
	background: url(../images/base/grabox_small_middle.png) repeat-y;
	width:860px;
}

.gra_box_small .bottom_box_inner{
	background: url(../images/base/grabox_small_top.png) no-repeat top;
}

.gra_box_small .bottom_box_body{
	background: url(../images/base/grabox_small_bottom.png) no-repeat bottom;
	padding:40px;
}

.gra_box_small .software_spec,
.gra_box_small .works{
	float:left;
	background:url(../images/base/vline.png) repeat-y right;
}

.gra_box_small .software_spec{
	width:320px;
	padding-right:30px;
}

.gra_box_small .software_spec p{
	font-size:0.85em;
	letter-spacing:0.01em;
}

.gra_box_small .works{
	width:392px;
	padding-left:30px;
}

.gra_box_small h3{
	font-size:1.2em;
	color:#555;
}


/* lovers layout ----------------------------------------------------------------------------------- */

.lovers_list{
	margin-bottom:500px;/*増えてきたら削除*/
}

.lovers_list li{
	background:url(../images/base/bottom_border.png) no-repeat bottom center;
	padding:5px 5px 20px 12px;
	position:relative;
	margin-bottom:30px;
	width:605px;
}


.lovers_list .img_box{
	float:left;
	width:237px;
}

.lovers_list .text_box{
	float:left;
	width:325px;
	margin-left:30px;
}

.lovers_list .text_box p.right{
	position:absolute;
	bottom:20px;
	right:10px;
}

.lovers_list .text_box h3{
	margin-top:10px;
	font-size:1.6em;
}

.lovers_list .text_box h3 a{
	color:#1a1a1a;
	font-weight:bold;
}

.lovers_list .text_box h3 a:hover{
	color:#666666;
	font-weight:bold;
}

.lovers_list .text_box span{
	font-size:1em;
	color:#010101;
	line-height:1.2em;
	margin-top:10px;
	display:block;
}

.lovers_list .text_box p{
	font-size:0.9em;
	line-height:1.3em;
	color:#333333;
	margin-bottom:0px;
	margin-top:10px;
}

.lovers_list a.arrow_blue{
	background:url(../images/base/arrow_blue.png) no-repeat right 4px;
	padding-right:12px;
	padding-left:0px;
}

/* lovers_detail layout ----------------------------------------------------------------------------------- */

.title h2.lovers_detail{
	margin-top:30px;
	font-size:31px;
}

.title p.lovers_detail{
	margin-top:10px;
	margin-bottom:10px;
}

.inerview_header{
	background:url(../images/base/bottom_border.png) no-repeat bottom;
	margin-bottom:60px;
}

.inerview_header .flash_contents{
	border:1px solid #bdbcbd;
	padding:7px;
	width:361px;
	float:left;
	margin-bottom:20px;
}

.inerview_header .text_box{
	width:420px;
	float:left;
	margin-left:40px;
	padding-top:10px;
	margin-bottom:20px;
}

.inerview_header .text_box h3{
	font-size:1.3em;
	line-height:1.4em;
	margin-bottom:10px;
}

.inerview_header .text_box p{
	font-size:0.9em;
}

.introduction{
	margin-bottom:60px;
}

.introduction .text_box{
	width:380px;
	float:left;
	margin-left:10px;
}

.introduction .image_area{
	width:371px;
	float:right;
	margin-right:40px;
}

.introduction .image_area p{
	font-size:0.9em;
}

.introduction .text_box h3{
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:10px;
}



.layout_column2_right .text_box{
	float:right;
	width:449px;
	margin-right:10px;
}

.layout_column2_right img{
	float:left;
}

.layout_column2_left .text_box{
	float:left;
	width:449px;
	margin-left:10px;
}

.layout_column2_left img{
	float:right;
}

.layout_column2_left,
.layout_column2_right{
	margin-bottom:60px;
}

.layout_column2_left h3,
.layout_column2_right h3{
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:10px;
}

.layout_column1_left{
	width:466px;
	margin-left:10px;
	margin-bottom:80px;
}

.layout_column1_right{
	width:466px;
	margin-right:10px;
	margin-left:auto;
	margin-bottom:80px;
}

body.lovers .detail_box{
	padding:20px;
	background:#f5f5f5;
	border:solid 1px #bdbcbd;
	font-size:0.9em;
}

body.lovers .layout_column1_left h3,
body.lovers .layout_column1_right h3{
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:10px;
}



/* cashback layout ----------------------------------------------------------------------------------- */

.simpe_box{
	border:solid 1px #bdbcbd;
}

.simpe_box .box_inner{
	padding:20px 39px 39px 39px;
}

.simpe_box .cashback_title{
	position:relative;
	height:403px;
}

.simpe_box .cashback_title p.sub_title{
	position: absolute;
	top:200px;
	left:47px;
	font-size:1em;
}

.simpe_box .cashback_title .comment{
	position:absolute;
	left:47px;
	bottom:30px;
	font-size:0.8em;
}

.simpe_box .cashback_title .comment p,
.simpe_box .cashback_title .comment img{
	float:left;
}

.simpe_box .cashback_title .comment p{
	margin-left:10px;
	margin-top:10px;
}


.simpe_box .cashback .left_area{
	width:408px;
	float:left;
}

.simpe_box .cashback .left_area p.center{
	margin-top:40px;
}

.simpe_box .cashback .right_area{
	width:322px;
	float:right;
	background:#fafafa;
	border:1px solid #bdbcbd;
	padding:31px 22px;
}

.simpe_box .cashback h3{
	font-size:1.3em;
	margin-bottom:10px;
}

.simpe_box .cashback .right_area ul{
	font-size:0.9em;
}

.simpe_box .cashback .right_area li{
	text-indent:-1em;
	padding-left:1em;
}


/* itmedia layout ----------------------------------------------------------------------------------- */

.simpe_box .itmedia_title{
	position:relative;
	height:425px;
}

.simpe_box .itmedia_title h3{
	position: absolute;
	top:200px;
	left:47px;
	font-size:1.3em;
}

.simpe_box .itmedia_title p.sub_title{
	position: absolute;
	top:220px;
	left:47px;
	font-size:1em;
}

.simpe_box .itmedia_title .comment{
	position:absolute;
	left:47px;
	bottom:20px;
	font-size:0.8em;
}

.simpe_box .itmedia_title .comment p{
	margin-left:10px;
	margin-top:10px;
}


.itmedia h3{
	font-size:1.3em;
	margin-bottom:10px;
}

.itmedia .whats_itmedia .inner{
	margin-top:60px;
	padding-left:50px;
	padding-top:20px;
	background:url(../images/pages/campaign/itmedia/title_bg01.png) left top no-repeat;
	width:420px;
	float:left;
}
	
.itmedia .whats_itmedia .inner p.comment{
	font-size:0.9em;
	margin-bottom:30px;
}

.itmedia .whats_itmedia img{
	float:right;
}

.itmedia .articles h3{
	height:39px;
	background:url(../images/pages/campaign/itmedia/title_bg02.png) no-repeat left top;
	padding-left:50px;
	padding-top:20px;
}

.itmedia .articles .bottom_box_body{
	padding:30px 30px 30px 32px;
}

.itmedia .articles .gra_box_small{
	margin-bottom:60px;
}

.itmedia .articles .gra_box_small li{
	width:168px;
	float:left;
	background:url(../images/base/vline.png) repeat-y right;
	padding-right:18px;
	margin-right:18px;
}

.itmedia .articles .gra_box_small li h4{
	font-size:1em;
}

.itmedia .articles .gra_box_small li p{
	font-size:0.9em;
}

.itmedia .demo .inner{
	margin-top:60px;
	padding-left:50px;
	padding-top:20px;
	background:url(../images/pages/campaign/itmedia/title_bg01.png) left top no-repeat;
	width:324px;
	float:left;
}
	
.itmedia .demo .inner p.center{
	margin-top:60px;
}

.itmedia .demo img.photo_img{
	float:right;
}


/* topics layout ----------------------------------------------------------------------------------- */

#topics .title h2{
	margin:80px 0 30px 0;
}

#topics .topics_list{
	margin-bottom:60px;
}

#topics .topics_list li{
	background:url(../images/base/bottom_border.png) no-repeat bottom;
	padding-left:10px;
	padding-bottom:20px;
	padding-top:30px;
}

#topics .topics_list li h3{
	font-size:1.3em;
	font-weight:lighter;
	background:url(../images/base/arrow_blue.png) no-repeat left 0.3em;
	padding-left:12px;
}

#topics .topics_list li p{
	padding-left:12px;
	color:#878787;
}

/* company layout ----------------------------------------------------------------------------------- */

#company .title h2{
	margin:80px 0 30px 0;
}

/* company layout ----------------------------------------------------------------------------------- */

#sitemap .title h2{
	margin:80px 0 30px 0;
}

#sitemap .contents_box_body h3{
	font-size:1.2em;
}

#sitemap .contents_box_body a{
	color:#777777;
}
#sitemap ul.level0{
	margin-bottom:30px;
}

#sitemap ul.level0 li{
	border-bottom: 1px dotted #bdbdbd;
	padding:14px;
	font-size:14px;
}

#sitemap ul.level1{
	border-left: 1px dotted #bdbdbd;
	width:350px;
	margin-left:160px;
	margin-top:0px;
}


#sitemap ul.level1 li{
	font-size:12px;
	border:none;
	margin-top:0px;
}

#sitemap ul.level2_company{
	border-left: 1px dotted #bdbdbd;
	width:350px;
	margin-left:160px;
}


#sitemap ul.level2 li{
	font-size:11px;
	border:none;
	padding:0 0 0 12px;
	background:url(../images/base/arrow_gray.png) no-repeat left;
}

#sitemap ul.level2 li.end{
	background:url(../images/base/arrow_gray.png) no-repeat left;
}


#sitemap ul.level2_company li{
	font-size:11px;
	border:none;
	padding:0 0 0 12px;
	background:url(../images/base/arrow_gray.png) no-repeat left;
	margin-left:10px;
}

#sitemap ul.level2_company li.end{
	background:url(../images/base/arrow_gray.png) no-repeat left;
}

#sitemap ul.policy{
	margin-top:1em;
	margin-left:1em;
}

#sitemap ul.policy li{
	background:url(../images/base/arrow_gray.png) no-repeat;
	background-position:0 0.5em;
	padding:0 0 0 12px;
	margin-bottom:13px;
}


/* contact layout ----------------------------------------------------------------------------------- */


#contact .title h2{
	margin:80px 0 30px 0;
}

#contact .contents_box_body h3{
	font-weight:lighter;
	font-size:1.2em;
}

#contact .contents_box_body h3.end{
	margin-bottom:10px;
	margin-top:60px;
}

#contact .contents_box_body p.end{
	margin-bottom:30px;
}


#contact .contents_box_body .inner_contact{
	width:580px;
	margin:15px auto;
}


#contact .contact_tel,
#contact .contact_mail{
	width:273px;
	float:left;
	margin-bottom:60px;
}



#contact .contact_mail{
	margin-left:30px;
}

#contact .contents_box_body .flow{
	background:#fafafa;
	border:1px solid #bfbfbf;
	height:38px;
	margin-bottom:10px;
}

#contact .contents_box_body .flow li{
	float:left;
	width:186px;
	height:38px;
	background:url(../images/pages/contact/flow_active.png) no-repeat left;
}

#contact .contents_box_body .flow li span{
	padding:1em 0 0 25px;
	display:block;
}




#contact .contents_box_body .flow li.first1{
	background-image:none;
	background-color:#0e93c9;
	color:#FFFFFF;
}

#contact .contents_box_body .flow li.second1{
}

#contact .contents_box_body .flow li.end1{
	background:url(../images/pages/contact/flow_normal.png) no-repeat left;
}

#contact .contents_box_body .flow li.first2{
	background:none;
}

#contact .contents_box_body .flow li.second2{
	background:url(../images/pages/contact/flow_active2.png) no-repeat left #0e93c9;
	color:#FFFFFF;
}

#contact .contents_box_body .flow li.end2{
	background:url(../images/pages/contact/flow_active.png) no-repeat left;
}

#contact .contents_box_body .flow li.first3{
	background:none;
}

#contact .contents_box_body .flow li.second3{
	background:url(../images/pages/contact/flow_normal.png) no-repeat left;
}

#contact .contents_box_body .flow li.end3{
	background:url(../images/pages/contact/flow_active2.png) no-repeat left #0e93c9;
	color:#FFFFFF;
}







#contact .contents_box_body table th{
	text-align:right;
}

#contact .contents_box_body table th,
#contact .contents_box_body table td{
	padding:25px;
}

#contact .contents_box_body table td{
	padding-left:0px;
}

#contact .contents_box_body table td .example{
	font-size:0.8em;
	color:#666666;
	margin-left:5px;
}

#contact .contents_box_body table td .error{
	color:#f16000;
}

#contact .contents_box_body .contact_table{
	width:560px;
}

.ness{
	font-size:10px;
	color:#f16000;
}

#contact input.submit_confirm{
	border:5px solid #dadada;
}

#contact .submit_second input.confirm_btn{
	text-indent:-9999px;
	background:#FFFFFF url(../images/pages/contact/send.png) no-repeat top;
	width:147px;
	height:52px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	left:0px;
}

#contact .submit_second input.prev_btn{
	text-indent:-9999px;
	background:#FFFFFF url(../images/pages/contact/prev.png) no-repeat top;
	width:147px;
	height:52px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	right:0px;
}

#contact .submit{
	width:157px;
	margin:30px auto 0 auto;
}

#contact .submit_second{
	width:324px;
	margin:30px auto 0 auto;
	position:relative;
	height:52px;
}

#contact input.submit_confirm:hover{
	border:5px solid #0e93c9;
}

#contact input.prev{
	border:5px solid #dadada;
}

#contact input.prev:hover{
	border:5px solid  #999999;
}

#contact label{
	font-size:0.9em;
}

#contact .media_anc{
	color:#010101;
}



#magazine .title h2{
	margin:80px 0 30px 0;
}


#magazine .contents_box_body h3{
	font-size:1.2em;
	margin-top:20px;
}

#magazine .contents_box_body p.address_conf{
	font-size:1.2em;
	text-align:center;
	padding:15px;
	border:5px solid #dadada;
	margin-top:20px;
}

#magazine input.submit_confirm{
	border:5px solid #999999;
}

#magazine .submit_second input.confirm_btn{
	text-indent:-9999px;
	background:#FFFFFF url(../images/pages/contact/send.png) no-repeat top;
	width:147px;
	height:52px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	left:0px;
}

#magazine .submit_second input.prev_btn{
	text-indent:-9999px;
	background:#FFFFFF url(../images/pages/contact/prev.png) no-repeat top;
	width:147px;
	height:52px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	right:0px;
}


#magazine .submit_second{
	width:324px;
	margin:20px auto 0 auto;
	position:relative;
}

#magazine input.submit_confirm:hover{
	border:5px solid #0e93c9;
}

#magazine input.prev{
	border:5px solid #dadada;
}

#magazine input.prev:hover{
	border:5px solid  #999999;
}

#magazine label{
	font-size:0.9em;
}

#magazine .media_anc{
	color:#010101;
}

#magazine .contents_box_body .other_contact h3{
	font-size:1.0em;
	color:#666666;
}

#magazine .contents_box_body .other_contact{
	padding-top:60px;
	width:560px;
	margin:0 auto;
}

#magazine .contents_box_body .other_contact .tel{
	float:left;
}
#magazine .contents_box_body .other_contact .mail{
	float:right;
}


/* develop layout ----------------------------------------------------------------------------------- */

.simpe_box .develop_title{
	position:relative;
	height:425px;
}

.simpe_box .develop_title h3{
	position: absolute;
	top:185px;
	left:55px;
	font-size:1.3em;
	color:#a6a6a6;
}


.simpe_box .develop_title .comment{
	position:absolute;
	left:55px;
	bottom:105px;
	font-size:0.8em;
}

.simpe_box .develop_title .comment p{
	margin-left:10px;
	margin-top:10px;
}


.develop h3{
	font-size:1.3em;
	margin-bottom:10px;
}

.develop{
	background:url(../images/pages/iphone_development/img_01.png) no-repeat left top;
	margin-top:60px;
}

.develop .jena_develop .inner{
	padding-left:400px;
	width:420px;
	padding-bottom:60px;
}
	

.develop .feature h3{
	padding-top:60px;
}

.develop .feature .bottom_box_body{
	padding:30px 0px 30px 32px;
}

.develop .feature .gra_box_small{
	margin-bottom:60px;
}

.develop .feature .gra_box_small li{
	width:173px;
	float:left;
	background:url(../images/base/vline.png) repeat-y right;
	padding-right:18px;
	margin-right:18px;
}

.develop .feature .gra_box_small li h4{
	font-size:1.1em;
	padding-left:50px;
	height:28px;
	padding-top:15px;
}

/* icons */
.develop .feature .gra_box_small li.icon_project h4{
	background:url(../images/pages/iphone_development/icon_01.png) no-repeat left top;
}
.develop .feature .gra_box_small li.icon_design h4{
	background:url(../images/pages/iphone_development/icon_02.png) no-repeat left top;
}
.develop .feature .gra_box_small li.icon_develop h4{
	background:url(../images/pages/iphone_development/icon_03.png) no-repeat left top;
}
.develop .feature .gra_box_small li.icon_marketing h4{
	background:url(../images/pages/iphone_development/icon_04.png) no-repeat left top;
}



.develop .feature .gra_box_small li p{
	font-size:0.9em;
}

/* publish layout ----------------------------------------------------------------------------------- */

.simpe_box .publish_title{
	position:relative;
	height:425px;
}

.simpe_box .publish_title h3{
	position: absolute;
	top:185px;
	left:55px;
	font-size:1.3em;
	color:#a6a6a6;
}


.simpe_box .publish_title .comment{
	position:absolute;
	left:55px;
	bottom:105px;
	font-size:0.8em;
}

.simpe_box .publish_title .comment p{
	margin-left:10px;
	margin-top:10px;
}


.publish h3{
	font-size:1.3em;
	margin-bottom:10px;
}

.publish{
	background:url(../images/pages/publishing/image.png) no-repeat 60px top;
	margin-top:20px;
}

.publish .jena_publish .inner{
	padding-left:400px;
	width:420px;
	padding-bottom:60px;
}
	

.publish .feature{
	padding-top:60px;
}

.publish .feature .bottom_box_body{
	padding:30px 0px 30px 32px;
}

.publish .feature .gra_box_small{
	margin-bottom:60px;
}

.publish .feature .gra_box_small li{
	width:240px;
	float:left;
	background:url(../images/base/vline.png) repeat-y right;
	padding-right:18px;
	margin-right:18px;
}

.publish .feature .gra_box_small li h4{
	font-size:1.2em;
	padding-top:5px;
	padding-bottom:5px;
}

.publish .feature .gra_box_small li p{
	font-size:0.9em;
}






/*\*/}/**/
