@charset 'UTF-8';

/*
	Site Name:    IN VOGUE Official site
	Description:  soltuion/
	Updated: 	  
*/


/*ソリューションの設定
----------------------------------------------------------*/
h3 {
	width: 711px;
	margin: 0 auto 12px auto;
}

table.layout {
	width: 711px;
	margin: 0 auto;
	}

p.txt01 {margin: 10px 0;}
p.txt02 {margin: 5px 14px 1em 14px;}
p.txt03 {margin: 0 0 1em 0;}
p.txt04 {
	margin: 1em 0 1em 0;
	color: #f00;
	}

ul.list-contents {
	list-style-type: none;
	}
ul.list-contents li {
	margin: 5px 0;
	background: url(../image/solution/bg_dot.gif) repeat-x left bottom;
	}
ul.list-contents li a {
	padding: 0 0 0 15px;
	background: url(../image/solution/line_blue.gif) no-repeat left top;
	color: #333333 !important;
	text-decoration: none !important;
	}
ul.list-contents li a:hover {
	text-decoration: underline !important;
	}
ul.list-contents li a span {font-size: .85em;}

div.popup{
margin:5px 0 0 0px;
padding:5px 5px 5px 20px;
width:200px;
height:30px;
background: url(../image/solution/pop_link.jpg) no-repeat left top;
text-align:ce
}

div.lpobtn {
	margin: 5px 0 0 14px;
	padding: 5px 5px 5px 20px;
	width: 236px;
	height: 24px;
	background: url(../image/solution/lpobtn_link.gif) no-repeat left top;
}

div.movie{
float:right;
}

div.lpo_fig {
	float: right;
	padding: 0px 0px 0px 20px;
}

div.lpo_fig4 {
	text-align: center;
}

.clear{
clear:both;
}


a:link, a:visited {
	color: #000000;
	text-decoration: underline;
	}
a:hover, a:active {
	text-decoration: none;
	}

#container {
	width: 100%;
	background: url(../image/common/bg_header.jpg) repeat-x left top;
	z-index: 1;
}

#mainArea .motion {
	background-image: url(../solution/images/index/bg_01l.jpg);
	background-repeat: no-repeat;
	background-position: left 50px;
	height: 320px;
	width: 350px;
	float:left;
	padding:0;
}
#mainArea .motion p{
	padding-left: 5px;
	margin-right:15px;
}
#mainArea .motion .logo {
	padding-top: 65px;
	padding-left: 5px;
	padding-bottom:20px;
}

#mainArea .precious {
	background-image: url(../solution/images/index/bg_01r.jpg);
	background-repeat: no-repeat;
	background-position: left 50px;
	height: 320px;
	width: 350px;
	float:right;
}
#mainArea .precious p{
	padding-left: 5px;
	margin-right:15px;
}
#mainArea .precious .logo {
	padding-top: 65px;
	padding-left: 5px;
	padding-bottom:20px;
}
#mainArea .pagetop {
	clear:both;
}
.motion h3 {
	width: 349px;
	margin: 0 auto 12px auto;
}
.precious h3 {
	width: 349px;
	margin: 0 auto 12px auto;
}