@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{
}

#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 ----------------------------------------------------------------------------------- */


.main_img_outer{
	height:565px;
}

/* img layout ----------------------------------------------------------------------------------- */

.main_img_outer .inner{
	width:952px;
	padding:20px 0 0 0;
	margin:0 auto;
}

.main_img_outer .thumb_wrapper{
	border:#c5c5c5 1px solid;
	background:#f8f8f8;
	padding:8px;
	height:3em;
}

/* ********************************** */
.img_set{
	height:463px;
}

#img_box{
	position:absolute;
}
#img_box h2{
	display:block;
	float:left;
}

.topics{
	width:300px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

.topics ul,
.topics h3{
	float:left;
}

.topics h3{
	margin:2px 5px 0 0;
}

.topics ul{
	position:relative;
	height:1em;
	width:600px;
}

.topics li{
	position:absolute;
	top:-1px;
    display: block;
	font-size:1.0em;
}

.topics li span{
	margin-right:10px;
}


.topics a{
	color:#666666;
}



#thumb_set{
	position:relative;
	width:251px;
	height:41px;
	overflow:hidden;
	float:right;
}
#thumb_set .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:35px;
}
#thumb_set .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:35px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumb_set .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(../images/base/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(../images/base/thumbs_mask.gif) no-repeat center top;
}

.img_mask{
	position:absolute;
	margin-left:0;
	width:952px;
	height:463px;
	overflow:hidden;
}


/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:35px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}


span img,h2 img{
	display:block;
	border:none;
}


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

.contents_wrapper{
	background:url(../images/pages/index/main_bg.png) repeat-x bottom;
}

.contents_wrapper .contents_inner{
	width:952px;
	margin:0 auto;
	padding-top:30px;
}

/* service ----------- */


.service_outer{
	background:url(../images/base/grabox_middle.png) repeat-y;
	width:952px;
}

.service_outer .inner{
	background:url(../images/base/grabox_top.png) no-repeat top;
}

.service_outer .body{
	background:url(../images/base/grabox_bottom.png) no-repeat bottom;
	padding-bottom:7px;
}

.service_outer .contents_box{
	width:191px;
	float:left;
	padding:30px 23px 0px 23px;
	margin:1px 0 0px 0;
	background:url(../images/base/vline.png) repeat-y right;
}


.service_outer .contents_box h3{
	font-size:1.2em;
	letter-spacing:0.05em;
}

.service_outer .contents_box p{
	font-size:0.9em;
	color:#737373;
	margin-bottom:0px;
	padding-bottom:10px;
}

.service_outer .contents_box img{
	margin:0 -23px 0 -24px;
	position:relative;
	vertical-align:bottom;
}



/* apps ----------- */

.title_box{
	margin-top:24px;
	background:url(../images/base/titlebox_bg.png)  repeat-x #ededed;
	padding:14px;
	border-top:solid 1px #bdbcbd;
	border-left:solid 1px #bdbcbd;
	border-right:solid 1px #bdbcbd;
	width:924px;
	position:relative;
}

.title_box h3{
	font-size:1.2em;
	padding-top:5px;
	letter-spacing:0.1em;
}

.title_box .app_link{
	position:absolute;
	right:10px;
	top:20px;
	font-size:0.9em;
}

.app_list{
	background:#FFFFFF;
	border:solid 1px #bdbcbd;
	position:relative;
	width:952px;
	height:18.5em;
	overflow:hidden;
	margin-bottom:30px;
}


.app_list li{
	padding:10px 34px;
	margin:20px 0;
	width:169px;
	float:left;
	text-align:center;
	background:url(../images/base/vline.png) repeat-y right;
}

/* app_list_cjanger layout ------ */
#app_list_inner{
	position:absolute;
}
#app_list_inner div{
	width:948px;
	float:left;
}

#app_list_inner .next{
	float:right
}

#app_list_inner li{
	position:relative;
}

#app_list_inner a.cap{
	margin-right:15px;
}

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

#app_list_inner a.icon{
	position:absolute;
	top:72px;
	right:60px;
}

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

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

.slide_navi{
	position:absolute;
	left:50%;
	top:20px;
	margin-left:-25px;
}

.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:3px;
}

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


.app_list h4{
	font-size:1.0em;
	padding-top:10px;
	letter-spacing:0.05em;
	margin-bottom:0px;
}

.app_list h4 a{
	color:#1a1a1a;
	font-weight:bold;
}
.app_list h4 a:hover{
	color: #666666;
}


.app_list p{
	font-size:0.85em;
	margin:0px;
	padding:0px;
}

.app_list p a{
	color:#777777;
}




.clear{
	clear:both;
}


/* bottom_contents ----------- */

.bottom_contents{
	border:solid 1px #bdbcbd;
	background:#FFFFFF;
	padding:14px 26px;
	position:relative;
}

.bottom_contents .software{
	width:445px;
	padding:12px 0;
	background:url(../images/base/vline.png) repeat-y right;
	float:left;
}

.bottom_contents .software img,
.bottom_contents .software .software_detail{
	float:left;
	margin-top:30px;
}

.bottom_contents .software .software_detail{
	width:237px;
	margin-left:32px;
}

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

.bottom_contents .software h4{
	font-size:1.1em;
	font-weight:bold;
}

.bottom_contents .software h4 a{
	color:#1a1a1a;
	font-weight:bold;
}
.bottom_contents .software h4 a:hover{
	color: #666666;
}


/* category_name */
.bottom_contents .software  span{
	font-size:0.8em;
	color:#1a1a1a;
}
.bottom_contents  span a,
.bottom_contents p.links a{
	color:#737373;
}


.bottom_contents .software p{
	margin-bottom:20px;

}

.bottom_contents p{
	margin-bottom:0px;
	color:#737373;
	font-size:0.9em;
}



.bottom_contents .lovers{
	width:214px;
	padding:12px 15px;
	background:url(../images/base/vline.png) repeat-y right;
	float:left;
}

.bottom_contents .lovers img{
	margin:5px 0 20px 0;
}


.bottom_contents .magazine{
	width:180px;
	padding:12px 0 12px 15px;
	float:left;
}

.bottom_contents .magazine p{
	font-size:0.9em;
	line-height:1.2em;
	letter-spacing:0.07em;
	padding-top:7px;
}

.bottom_contents .magazine img{
	position:absolute;
	bottom:0px;
	right:0px;
}

.text_fields{
	margin-top:10px;
}

.text_fields input{
	float:left;
	margin:3px 0 0 -2px;
	font-size:0.8em;
}

.important_news{
	border:#CCCCCC 1px solid;
	margin-bottom:20px;
	position:relative;
	padding:15px;
}

.important_news h3{
	position:absolute;
	font-size:1.2em;
}

.important_news p{
	margin-bottom:0px;
}

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

.important_news h3 a:hover{
	color: #666666;
}


/*\*/}/**/