@charset("UTF-8");
/*********************************************************************
index.css
2010-4-8
2010-4-20
OfficeSugiura
*********************************************************************/
@import url("http://www.profilevideo-pro.com/css/style.css");
@import url("http://www.profilevideo-pro.com/js/slideshow/tpniceslideshow.css");
@import url("http://www.profilevideo-pro.com/css/gallery.css");

* html div#index div#Tframe div.con,
		div#index div#Sframe div#Tbox div.title
		{
	behavior: url(http://www.profilevideo-pro.com/js/iepngfix/iepngfix.htc);
}


div#index div#Tframe {
	width:600px;
	margin:0px 0px 5px 0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Tframe div.title {
	width:600px;
	height:75px;
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	font:bold 18px/100% "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	color:#e61251;
	float:left;
	background:url("http://www.profilevideo-pro.com/img/index/indextop_bg.png") no-repeat center center;
	display:inline; /*IE6*/
}

div#index div#Tframe div.title p {
	width:600px;
	height:18px;
	margin:29px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#e61251;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Tframe div.con {
	width:600px;
	height:180px;
	margin:0px;
	padding:0px;
	background:url("http://www.profilevideo-pro.com/img/index/Tframe_bg.png") no-repeat center bottom;
	float:left;
	display:inline;
}

div#index div#Tframe div.con p {
	width:550px;
	height:170px;
	margin:5px 25px 5px 25px;
	text-align:left;
	vertical-align:middle;
	font:bold 12px/20px "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	color:#ff7ba2;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe {
	width:600px;
	margin:0px;
	padding:0px;
	background:#ffe4e1;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#Tbox {
	width:600px;
	margin:0px;
	padding:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#Tbox div {
	width:300px;
	height:76px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#Tbox div.title {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg.png") no-repeat center top;
}

div#index div#Sframe div#Tbox div.title p {
	width:260px;
	font-weight:bold;
	font-size:18px;
	line-height:27px;
	color:#f45c5c;
	text-align:center;
	margin:12px 20px 10px 20px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#Tbox div.con p {
	width:280px;
	font-weight:normal;
	font-size:12px;
	line-height:15px;
	color:#6a6a6a;
	text-align:left;
	margin:15px 20px 0px 0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#Tbox div.con p.link {
	width:260px;
	font-weight:bold;
	font-size:12px;
	line-height:100%;
	color:#6a6a6a;
	text-align:right;
	margin:0px 20px 0px 20px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div.Pbox {
	width:300px;
	margin:5px 0px 10px 0px;
	padding:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div.Pbox div.title {
	width:300px;
	height:50px;
	margin:0px;
	padding:0px;
	text-align:center;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#select div.title {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_blue1.png") no-repeat center center;
}

div#index div#Sframe div#order div.title {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_pink1.png") no-repeat center center;
}

div#index div#Sframe div.Pbox div.title p{
	width:300px;
	height:18px;
	margin:7px 0px 0px 0px;
	padding:0px;
	font:bold 18px/100% "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	color:#ffffff;
	text-align:center;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div.Pbox div.title span.sub {
	font-size:12px;
}

div#index div#Sframe div.Pbox div.price {
	width:300px;
	height:30px;
	margin:0px;
	padding:0px;
	text-align:center;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#select div.price {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_blue2.png") no-repeat center center;
}

div#index div#Sframe div#order div.price {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_pink2.png") no-repeat center center;
}

div#index div#Sframe div.Pbox div.price p{
	width:300px;
	height:16px;
	margin:7px 0px 0px 0px;
	padding:0px;
	font:bold 16px/100% "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	color:#ffffff;
	text-align:center;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div.Pbox div.Tcon {
	width:300px;
	min-height:100px;
	margin:0px;
	padding:0px;
	text-align:center;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#select div.Tcon {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_blue3.png") repeat-y center center;
}

div#index div#Sframe div#order div.Tcon {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_pink3.png") repeat-y center center;
}

div#index div#Sframe div.Pbox div.Tcon p.title{
	width:260px;
	margin:5px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	float:left;
	font:bold 14px/20px "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	text-align:left;
	vertical-align:middle;
	display:inline; /*IE6*/
}

div#index div#Sframe div#select div.Tcon p.title{
	height:40px;
	color:#0483e6;
	background:url("http://www.profilevideo-pro.com/img/index/plan/indexplan_bg1.jpg") no-repeat right center;
}

div#index div#Sframe div#order div.Tcon p.title{
	height:80px;
	color:#e61654;
	background:url("http://www.profilevideo-pro.com/img/index/plan/indexplan_bg3.jpg") no-repeat center center;
}

div#index div#Sframe div.Pbox div.Tcon p.caption {
	width:270px;
	height:12px;
	margin:5px 0px 5px 15px;
	padding:0px 0px 0px 0px;
	text-align:left;
	vertical-align:middle;
	font:bold 12px/100% "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	color:#6a6a6a;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div.Pbox div.Tcon .sample{
	width:260px;
	height:105px;
	margin:0px 20px 0px 20px;
	padding:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div.Pbox div.Tcon p.desc {
	width:260px;
	margin:10px 20px 5px 20px;
	padding:0px 0px 0px 0px;
	text-align:left;
	vertical-align:middle;
	font:normal 12px/15px "AR丸ゴシック体M","FC丸ゴシック体-B","HG丸ゴシックM-PRO",sans-serif;
	color:#6a6a6a;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#select div.Tcon p.desc {
	height:60px;
}

div#index div#Sframe div#order div.Tcon p.desc {
	height:147px;
}

div#index div#Sframe div.Pbox div.TOplan {
	width:300px;
	height:50px;
	margin:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div#Sframe div#select div.TOplan {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_blue4.png") no-repeat center center;
}

div#index div#Sframe div#order div.TOplan {
	background:url("http://www.profilevideo-pro.com/img/index/plan/planbg_pink4.png") no-repeat center center;
}

div#index div#Sframe div.Pbox div.TOplan a.Pbutton {
	height:40px;
	width:300px;
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	float:left;
	display:block;
}

div#index div#Sframe div#select div.TOplan a.Pbutton {
	background:url("http://www.profilevideo-pro.com/img/index/plan/TO0.png") no-repeat center center;
}

div#index div#Sframe div#order div.TOplan a.Pbutton {
	background:url("http://www.profilevideo-pro.com/img/index/plan/TO1.png") no-repeat center center;
}

div#index div#Sframe div#select div.TOplan a.Pbutton:hover {
	background:url("http://www.profilevideo-pro.com/img/index/plan/TO0_on.png") no-repeat center center;
}

div#index div#Sframe div#order div.TOplan a.Pbutton:hover {
	background:url("http://www.profilevideo-pro.com/img/index/plan/TO1_on.png") no-repeat center center;
}

div#index div#Sframe div.Pbox div.TOplan a.Pbutton p {
	width:180px;
	height:30px;
	margin:3px 60px 3px 60px;
	padding:0px;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	float:left;
	display:inline;
}
div#index div#Sframe div.Pbox div.TOplan a.Pbutton p span {
	font-weight:normal;
	font-size:12px;
	line-height:14px;
}

div#index div#Sframe div.Pbox div.TOplan a.Pbutton:hover p {
	color:#fff8dc;
}


div#index div.frame {
	width:600px;
	margin:10px 0px;
	padding:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div.frame div.title {
	width:600px;
	height:30px;
	text-align:left;
	vertical-align:middle;
	background:url("http://www.profilevideo-pro.com/img/Common/contentbar_600.jpg") no-repeat center center;
	padding:0px;
	margin:0px;
	float:left;
	display:inline; /*IE6*/
}

div#index div.frame div.title p{
	width:580px;
	height:18px;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:6px 0px 0px 20px;
	font:bold 18px/100% "AR丸ゴシック体M",sans-serif;
	color:#ffffff;
	float:left;
	display:inline; /*IE6*/
}

div#index div.frame div.pickup {
	width:600px;
	margin:0px;
	text-align:center;
	border:solid 1px #ffc4fa;
	background:#ffffff;
	float:left;
	display:inline; /*IE6*/
}

div#index div.frame div.pickup div {
	width:300px;
	height:380px;
	margin:0px;
	padding:0px;
	background:#ffffff;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox {
	width:290px;
}

div#index div.frame div.pickup div.Rbox {
	background:url("http://www.profilevideo-pro.com/img/index/pickup/bg.jpg") no-repeat center center;
}

div#index div.frame div.pickup div.Lbox div.title {
	width:280px;
	height:100px;
	margin:0px 5px 0px 5px;
	padding:0px;
	background:url("../img/index/pickup/title_bg.jpg") no-repeat center center;
	text-align:center;
	vertical-align:middle;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.title p {
	width:210px;
	height:50px;
	margin:25px 35px 25px 35px;
	padding:0px;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	color:#e61251;
	text-align:center;
	float:left;
	display:inline;
}
	
div#index div.frame div.pickup div.Lbox div.sample {
	width:260px;
	height:200px;
	margin:0px 15px 5px 15px;
	padding:0px;
	background:url("http://www.profilevideo-pro.com/img/index/pickup/sample_bg.jpg") no-repeat center center;
	text-align:center;
	vertical-align:middle;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.sample a.Simg {
	width:200px;
	height:150px;
	margin:10px 30px 0px 30px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.sample a.TOsample {
	height:30px;
	width:130px;
	margin:5px 10px 5px 120px;
	padding:0px;
	text-align:center;
	text-decoration:none;
	float:left;
	display:inline;
	background:url("http://www.profilevideo-pro.com/img/Common/playB.png") no-repeat left center;
}

div#index div.frame div.pickup div.Lbox div.sample a.TOsample:hover {
	background:url("http://www.profilevideo-pro.com/img/Common/playB_on.png") no-repeat left center;
}

div#index div.frame div.pickup div.Lbox div.sample a.TOsample p {
	width:90px;
	height:14px;
	margin:8px 0px 8px 40px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.sample a.TOsample:hover p {
	color:#fff8dc;
}

div#index div.frame div.pickup div.Lbox div.spec {
	width:260px;
	height:75px;
	margin:0px 15px 10px 15px;
	padding:0px;
	text-align:center;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.spec p.plan {
	width:240px;
	height:10px;
	margin:0px 10px 5px 10px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
	color:#878787;
	line-height:100%;
	text-align:left;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.spec p.name {
	width:240px;
	height:16px;
	margin:0px 10px 5px 10px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#878787;
	line-height:100%;
	text-align:center;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.spec p.name span {
	font-size:12px;
}

div#index div.frame div.pickup div.Lbox div.spec p.price {
	width:240px;
	height:14px;
	margin:0px 10px 5px 10px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	line-height:100%;
	text-align:center;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Lbox div.spec p.price span {
	text-decoration:line-through;
	color:#878787;
}

div#index div.frame div.pickup div.Lbox div.spec p.kikan {
	width:240px;
	height:12px;
	margin:0px 10px 5px 10px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	color:#878787;
	line-height:100%;
	text-align:center;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Rbox p.title {
	width:200px;
	height:40px;
	margin:50px 50px 5px 50px;
	padding:0px;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	color:#e61251;
	text-align:center;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Rbox p.con {
	width:240px;
	height:215px;
	margin:0px 30px 0px 30px;
	padding:0px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#6a6a6a;
	text-align:left;
	float:left;
	display:inline;
}

div#index div.frame div.pickup div.Rbox p.link {
	width:240px;
	height:12px;
	margin:8px 30px 50px 30px;
	padding:0px;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	color:#6a6a6a;
	text-align:center;
	float:left;
	display:inline;
}

div#index_flash {
	width:800px;
	height:200px;
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.index_main {
	width:290px;
	margin:10px 5px 5px 5px;
	float:left;
	border:solid 2px #ffc4fa;
	display:inline; /*IE6*/
}

div.kodawari {
	width:600px;
	margin:0px;
	text-align:center;
	border:solid 1px #ffc4fa;
	background:#ffffff;
	float:left;
	font-weight:normal;
	font-size:11px;
	line-height:150%;
	text-align:left;
	display:inline; /*IE6*/
}

div.kodawari span {
	font-weight:bold;
	font-size:16px;
	color:#a40d3a;
	text-align:center;
}

div.kodawari img {
	width:200px;
	height:150px;
	margin:0px;
	padding:0px;
	float:right;
	display:inline; /*IE6*/
}

div.kodawari div {
	width:580px;
	margin:5px 5px 5px 0px;
	color:#878787;
	padding:0px;
	float:right;
	display:inline; /*IE6*/
}