/*=========================================================


Site Name   組み合わせいろいろ-PSP
File Name   psp.css

Create Date 2010/03/10


==========================================================*/

/*----------------------------------------------------------

Module Top Style Sheet

-----------------------------------------------------------*/

/*コンテンツエリアを755pxに変更する(トップ以外の階層は760px)*/

body div#container div#pagebody div#column2-main760 {
width: 760px;
}


/*各モジュール*/

h1 {
width:760px;
margin-bottom:10px;
padding: 0px;
}
h2 {
clear:both;
width:755px;
padding:20px 0 10px 0; 
margin: 0px;
}
h3 {
/*width:755px;*/
padding:30px 0 0 0;
}


.bnr{
width:182px;
margin-right:8px;
margin-top:20px;
margin-bottom:20px;
float:left;
}
.bnrEnd{
width:182px;
margin-right:0;
margin-top:20px;
margin-bottom:20px;
float:left;
}
.txt{
width:755px;
margin-top:20px;
float:left;
}


div.section{
clear:both;
width:755px;
}
div#p01,div#p02,div#p03,div#p04,div#p05,div#p06{
background-repeat:no-repeat;
}
div.section div#p02{padding-bottom:124px; background-image:url(/rec-media/memorystick/share/images/about/psp_img02_01.jpg);	background-position:0 100%; zoom:100%;}
div.section div#p06{padding-bottom:173px; background-image:url(/rec-media/memorystick/share/images/about/psp_img06_01.jpg); background-position:0 100%; zoom:100%;}


div.section .set{
margin-top:20px;
}
div.section .set755{
margin-top:20px;
}
div.section .frame{
background-image:url(/rec-media/memorystick/share/images/about/psp_frm_top.gif);
background-repeat:no-repeat;
margin-top:20px;
}
div.section .frame .bottom{
background-image:url(/rec-media/memorystick/share/images/about/psp_frm_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
zoom:100%;
padding-top:20px;
padding-left:300px;
padding-right:20px;
padding-bottom:10px;
}
div.section .set a.arrow,
div.section .frame a.arrow{
background-image:url(/share/images/arrow_black.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:10px;
}


div.section .set p.img{
float:left;
width:300px;
}
div.section .set .txt{
width:455px;
margin:0;
}
div.section p{
margin-bottom:10px;
}
div.section #p02 p{
margin-left:300px;
}
div.section .notes{
font-size:85%;
line-height:1.4em;
color:#909090;
}
div.section .txtleft{
width:430px;
float:left;
}
div.section .imgright{
width:300px;
float:right;
}


div.section dl{
padding-left:100px;
height:70px;
background-repeat:no-repeat;
margin:0 0 10px 0;
}
div.section dt{
margin:15px 0 5px 0;
}
div.section dd{
}
div.section dl.img01{background-image:url(/rec-media/memorystick/share/images/about/psp_img06_02.jpg);}
div.section dl.img02{background-image:url(/rec-media/memorystick/share/images/about/psp_img06_03.jpg);}
div.section dl.img03{background-image:url(/rec-media/memorystick/share/images/about/psp_img06_04.jpg);}


div.section p.pagetop{
clear:both;
width:755px;
text-align:right;
margin:10px 0 0 0;
}

.arrow {
	background:url(/share/images/arrow_black.gif) left 0.4em no-repeat;
	margin-left: 5px;
	padding-left:10px;
}


/*各別窓用モジュール*/

div#popup_pagewidth div#content{
width:755px;
margin:0 auto;
padding:0;
text-align:left;
}


div#popup_pagewidth h1{
margin:0 0 50px 0;
padding:0;
float:none;
}
div#popup_pagewidth h2{
margin:0 0 20px 0;
padding:0;
}
div#popup_pagewidth h3{
background-image:url(/rec-media/memorystick/share/images/about/psp_dln.gif);
background-repeat:repeat-x;
padding:20px 0 0 0;
margin:30px 0 12px 0;
}


div#popup_pagewidth div.section{
margin:0 0 40px 0;
}
div#popup_pagewidth div.section a.arrow{
background-image:url(/share/images/arrow_black.gif);
background-repeat:no-repeat;
background-position:0 4px;
padding-left:10px;
}
div#popup_pagewidth div.section p.img{
position:relative;
}
div#popup_pagewidth div.section p.img span.link01,
div#popup_pagewidth div.section p.img span.link02,
div#popup_pagewidth div.section p.img span.link03,
div#popup_pagewidth div.section p.img span.link04{
position:absolute;
display:block;
}
div#popup_pagewidth div.section p.img span.link01{
top:94px;
left:402px;
}
div#popup_pagewidth div.section p.img span.link02{
top:121px;
left:38px;
}
div#popup_pagewidth div.section p.img span.link03{
top:104px;
left:473px;
}
div#popup_pagewidth div.section p.img span.link04{
top:128px;
left:37px;
}

div#popup_pagewidth div.section p.left{
float:left;
margin-right:20px;
}
div#popup_pagewidth div.section p.right{
float:right;
margin-left:30px;
}


div#popup_pagewidth ul{
margin-bottom:20px;
}
div#popup_pagewidth ul li{
text-indent:-1.4em;
margin-left:17px;
}
div#popup_pagewidth ul p{
font-weight:bold;
margin:0;
}


div#popup_pagewidth .frame{
background-image:url(/rec-media/memorystick/share/images/about/psp_msc_frm_top.gif);
background-repeat:no-repeat;
margin:0 0 10px 0;
}
div#popup_pagewidth .frame .bottom{
background-image:url(/rec-media/memorystick/share/images/about/psp_msc_frm_btm.gif);
background-repeat:no-repeat;
background-position:bottom;
zoom:100%;
padding:20px 20px 10px 20px;
}
div#popup_pagewidth .frame .dotline{
background-image:url(/rec-media/memorystick/share/images/about/psp_dln.gif);
width:100%;
height:1px;
font-size:0;
line-height:0;
margin-bottom:10px;
}


div#popup_pagewidth .clear{
clear:both;
}



/*上記モジュール以外(更新情報)用*/


/*----------------------------------------------------------

Common Module

-----------------------------------------------------------*/

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

/*nonHeight*/
.nonHeight {
line-height: 0;
font-size: 0;
}

/*
.clearfix {
zoom: 1;
}
*/