@charset "UTF-8";
/* CSS Document */

h4{
clear:left;	
width:auto;
height:auto;
margin:0 0 40px 0;
padding:0px 0 0 70px;
color:#e50612;
background:url(/images/global-link-icon-4.png) no-repeat 0px 8px ;
font-size:16px;
text-align:left;
}

p.list-txt{
width:auto;
height:auto;
margin:0 0 40px 0;
padding:0;
text-align:left;
line-height:170%;
}

p.list-txt-name{
width:auto;
height:auto;
margin:0;
padding:0px 0 60px 0px;
text-align:right;
line-height:150%;
color:#000000;
font-family: "adobe-jenson-pro",serif;
}

div.contents-box-list-01{
width:auto;
height:auto;
margin:0 0 60px 0;
padding:0;
overflow:hidden;	
}

div.contents-box-list-02{
width:420px;
height:auto;
margin:0 40px 60px 0;
padding:0;
overflow:hidden;
float:left;
}

div.contents-box-list-03{
width:480px;
height:auto;
margin:0 0 60px 0;
padding:0;
overflow:hidden;
float:left;
}

h5{
clear:left;	
width:auto;
height:auto;
margin:0 0 3px 0;
padding:0;
color:#000000;
font-size:16px;
text-align:left;
}



/*INDEX */

div.contents-box{
width:218px;
height:auto;
float:left;
margin:0 22px 80px 0;
padding:0;
text-align:left;
}

p.zoom{
width:auto;
height:auto;
margin:-20px 0 0 10px;	
}

p.list-txt-name-2{
width:auto;
height:auto;
margin:5px 0 0 13px;
letter-spacing:0;
font-size:12px;
}


div.contents-box-last{
width:218px;
height:auto;
float:left;
margin:0 0px 80px 0;
padding:0;
text-align:left;
}


div.contents-box-left{
width:660px;
height:auto;
margin:0 0 80px 0;
padding:0;
overflow:hidden;
text-align:left;
float:left;
}

div.contents-box-right{
width:280px;
height:auto;
margin:0 0 80px 0;
padding:0;
overflow:hidden;
text-align:left;
float:left;
}


table.list01{
width:660px;
height:auto;
padding:0px;
margin:0px;
text-align:left;
border-collapse:collapse;
}


table.list01 th{
width:100px;
padding:10px 10px 10px 0px;
margin:0;
vertical-align:top;
text-align:left;
}

table.list01 td{
padding:10px;
margin:0;
vertical-align:middle;
text-align:left;
}


@media only screen and (min-device-width : 320px)
and (max-device-width : 768px) {
	
h4{
width:auto;
height:auto;
margin:0 0 20px 0;
padding:0;
color:#e50612;
background:none;
font-size:14px;
font-weight:bold;
text-align:left;
}

p.list-txt{
width:auto;
height:auto;
margin:0 0 20px 0;
padding:0;
text-align:left;
line-height:170%;
font-size:13px;
}

p.list-txt-name{
width:auto;
height:auto;
margin:0;
padding:0px 0 30px 0px;
text-align:left;
line-height:150%;
color:#000000;
font-family: "adobe-jenson-pro",serif;
}

div.contents-box-list-01{
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0;
overflow:hidden;	
}

div.contents-box-list-02{
width:auto;
height:auto;
margin:0 20px 30px 0;
padding:0;
overflow:hidden;
float:left;
}

div.contents-box-list-03{
width:auto;
height:auto;
margin:0 0 30px 0;
padding:0;
overflow:hidden;
float:left;
}

h5{
clear:left;	
width:auto;
height:auto;
margin:0 0 3px 0;
padding:0;
color:#000000;
font-size:16px;
text-align:left;
}



/*INDEX */

div.contents-box{
width:135px;
height:auto;
float:left;
margin:0 10px 20px 0;
padding:0;
text-align:left;
}

div.contents-box img{
width:135px;	
}

div.contents-box .zoom img{
width:20px;	
}

p.zoom{
width:auto;
height:auto;
margin:-20px 0 0 5px;	
}

p.list-txt-name-2{
width:auto;
height:auto;
margin:5px 0 0 5px;
letter-spacing:0;
font-size:12px;
}


div.contents-box-last{
width:135px;
height:auto;
float:left;
margin:0 0px 40px 0;
padding:0;
text-align:left;
}

div.contents-box-last img{
width:135px;	
}

div.contents-box-last .zoom img{
width:20px;	
}



div.contents-box-left{
width:auto;
height:auto;
margin:0 0 40px 0;
padding:0;
overflow:hidden;
text-align:left;
float:none;
}

div.contents-box-right{
width:280px;
height:auto;
margin:0 0 40px 0;
padding:0;
overflow:hidden;
text-align:left;
float:none;
}


table.list01{
width:295px;
height:auto;
padding:0px;
margin:0px auto;
text-align:center;
border-collapse:collapse;
font-size:12px;
}


table.list01 th{
width:80px;
padding:10px 10px 10px 0px;
margin:0;
vertical-align:top;
text-align:left;
}

table.list01 td{
padding:10px;
margin:0;
vertical-align:middle;
text-align:left;
}	
	
}