﻿@charset "utf-8";
/* CSS Document */

/*    common begin  */

#f_contents #p4_maincontents .multi_section3 {
	width: 765px;
	margin: 20px 0 0;
}

#f_contents #p4_maincontents .banner_area {
	margin: 15px 0 0;
	padding: 0;
}

#f_contents #p4_maincontents .banner_area .left_column {
	float: left;
	width: 283px;
}

#f_contents #p4_maincontents .banner_area .right_column {
	float: right;
	width: 283px;
}

#f_contents #p4_maincontents .multi_section3 .multi_column .column1{
	width:375px;   
/*	width:250px;   */
	float:left;
/*	border:#FF0000 1px solid;   */
}

#f_contents #p4_maincontents .multi_section3 .multi_column .column2{
/*	width:375px;   */
	width:365px;    
	float:left;
	margin:0 0 0 10px;
/*	border:#FFFF00 1px solid;   */
}

#f_contents #p4_maincontents .bullet_link li{
	list-style:none;
	background:url(/common/src/ch/images/commonparts/list/listmark_pro.gif) no-repeat;
}

#f_contents #p4_maincontents ul.bullet_link {
	margin: 0;
	padding: 0;
}

#f_contents #p4_maincontents ul.bullet_link li {
	margin: 3px 0 0 10px;
	padding: 0 0 0 12px;
	background:url(/common/src/ch/images/commonparts/list/listmark_pro.gif) no-repeat 0 5px;
	line-height: 1.4;
}
#f_contents #p4_maincontents ul.bullet_link li a {
	font-size: 12px;
}

/*=============================================

 clearFix

=============================================*/

/*---- for not IE ----*/

#f_contents #p4_maincontents .multi_section2:after,
#f_contents #p4_maincontents .multi_section3:after,
#f_contents #p4_maincontents .multi_section3 .multi_column:after,
#f_contents #p4_maincontents .banner_area:after,
#f_contents #p4_maincontents .multi_column:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}



/*---- for IE7 and Mac ----*/

#f_contents #p4_maincontents .multi_section2,
#f_contents #p4_maincontents .multi_section3,
#f_contents #p4_maincontents .multi_section3 .multi_column,
#f_contents #p4_maincontents .banner_area,
#f_contents #p4_maincontents .multi_column {
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;      /* for not Mac */
	/* escape MacIE5 */
}



/*---- for IE5 IE6... ----*/

/* escape MacIE5 \*/

* html #f_contents #p4_maincontents .multi_section2,
* html #f_contents #p4_maincontents .multi_section3,
* html #f_contents #p4_maincontents .multi_section3 .multi_column,
* html #f_contents #p4_maincontents .banner_area,
* html #f_contents #p4_maincontents .multi_column {
	height: 1%;
}

/* escape MacIE5 */

/*  common end  */

#f_contents #p4_maincontents #film{
	width:757px;
/*	border: #0066FF 1px solid;    */
	overflow:hidden;
}

#f_contents #p4_maincontents #officestore{
	width:757px;
/*	border:#993300 1px solid;  */
}
