@charset "Shift_JIS";

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

[reset]

[base]
	font
	anchor
	add class
	
[common set-up] 
	bg 
	h
	pagetop link

[lower common]

[each page]
	01: index.html		

[common contents]
	all center
	container
	header
	main contents
	footer
	print

[clearfix]
			
---------------------------------------*/

/* CSS Document */
/*===============================================
œstyle.css ‰ζ–Κ‚Μ‰‘•‚ͺ480pxˆΘγ
===============================================*/
@media screen and (min-width: 480px){
img{
max-width: 100%;
height: auto;
width /***/:auto;@
}
.container{
width:100%;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td{margin:0;padding:0;}

article, header, footer, section, nav, aside,hgroup,figure,figcaption,summary{display:block;}

table{border-spacing:0;} 

fieldset,img,a img,
abbr,acronym{border:0;}

li img,dt img,img{vertical-align:top;}

address,caption,cite,code,dfn,em,th,var,strong{ 
font-style:normal; 
font-weight:normal; 
} 

ol,ul{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

q:before,q:after{content:'';} 

hr{display:none;}

html{overflow-y:scroll;} 

/* form */ 
button, fieldset, form, input, label, legend, select, textarea {   
font-family:inherit;   
font-size:100%;   
font-style:inherit;   
font-weight:inherit;   
margin:0;   
padding:0;   
vertical-align:top;   
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */
/*--------------------------------------- font */

/* base */
body,table{
font-family:"ƒƒCƒŠƒI","Meiryo","‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;
line-height:1.5;
color:#000;
font-size: 12px;
*font-size: small;
*font: x-small;
}

/* red */
.red{color:#FF005A;}

/* aqua */
.aqua,
#hearing .main .accordionFrame h4,
#xhtml .main h4,
#html5 h4,
#box .main h4,
#android h4,
.aquaDl dt{color:#09F;}

/* red pink */
#note h2{color:#CC237A;}

/* bold */
h3{font-weight:bold;}

/*----------------------- size */
/* size10px */
#note time,
#profile .floatR span,
.small,
.copy small{font-size:77%;}

/* size12px */
.container{font-size:93%;}

/* size14px */
.middle,
h3{font-size:108%;}

/* size16px */
.lower h2,
.middle{font-size:123.1%;}

/* size18px */
.midashi{font-size:138.5%;}

/* size22px */
#note h2{font-size:167%;}

/*--------------------------------------- anchor */

a:link,
a:visited{
color:#CC237A;
text-decoration:underline;
}
a:hover{
color:#CC237A;
text-decoration:underline;}

#link #con01 a:hover{
color:#CC237A;
background-color:#FF3;
text-decoration:underline;}


/* none */
nav a:link,
nav a:visited{
color:#FFF;
text-decoration:none;
}
nav a:hover{
color:#FFF;
text-decoration:none;}



/*--------------------------------------- add class */

/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.center{text-align:center;}
.bold{font-weight:bold;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */
body{background-color:#000; min-width:950px;}

/* h */
#toppage h1,
.lower header p{
float:left;
width:298px;
height:34px;
}

/* pagetop link */
.pgtp{
padding:20px 0 0;
text-align:right;
clear:both;
line-height:0;
z-index:99999;
}

/* aqua dl */
.aquaDl dd{padding-bottom:10px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */
.con {padding-bottom:30px;}

/* print Icon */
.printIc{
background:url(../img/ic_print.jpg) left center no-repeat;
padding-left:20px;
min-height:16px;
}
	/* IE6 min-height */
	* html .printIc{height:16px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower common */
.lower h1{margin-bottom:20px;}
.lower section{min-height:520px;}
	/* IE6 min-height */
	* html .lower section{height:520px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */
/*--------------------------------------- 01: index.html */
#toppage header{position:relative;}

#toppage .commonImg{
position:absolute;
top:30px;
right:0;
}
#toppage .kay img{
width: 100%;
height: auto;
}
#toppage .kay{margin-bottom:15px;}
#toppage article{
background:url(../img/checker.gif) 0 0 repeat;
padding:3px;
float:left;
min-height:284px;
margin:0 20px 20px 0;
}
#toppage article div{
background:#FFF;
min-height:284px;
line-height:0;
}
#toppage article.last{margin-right:0;}

#toppage article#new h2{margin-bottom:10px;}
#toppage article#new{margin-right:0;}
#toppage article#new div{padding:10px 15px; width:670px; min-height:264px; line-height:1.5;}
#toppage article#new dd{padding-bottom:10px;}

#toppage article#pickup{min-height:264px;}
#toppage article#pickup div{padding:10px 15px 0; width:430px; min-height:274px;}
#toppage article#pickup ul{padding-top:18px;}
#toppage article#pickup li{padding-bottom:18px;}


/*--------------------------------------- 02: profile/index.html */
#profile article{padding-bottom:20px;}
#profile .floatL{width:440px; padding-top:20px;}
#profile .floatR{width:162px; padding-right:30px;}
#profile .floatR span{display:block; padding-top:10px;}

#profile section p{margin-bottom:1em;}

#profile article dt{
clear:both;
float:left;
width:105px;
padding:0 0 4px 5px;
}

#profile article dd{padding:0 0 4px;}

/*--------------------------------------- 03: gallery/index.html */
#gallery .container{
background-image:url(../../gallery/img/bg.jpg),url(../../gallery/img/bg02.jpg);
background-position:center bottom,center bottom;
background-repeat:no-repeat,repeat-x;
background-color:#DADADA;}

#gallery section{
background:url(../../gallery/img/con01_bg.jpg) 40px 0 no-repeat;
width: 710px;
padding:0;
min-height:722px;
}
	/* IE6 */
	* html #gallery section{height:722px;}

/*--------------------------------------- 04: note/index.html */
#note article time{
display:block;
padding-bottom:20px;}
#note article p{padding-bottom:20px;}


/*--------------------------------------- 06: link/index.html */
#link #con01{
background:url(../img/line_dotto.gif) 0 100% repeat-x;
margin-bottom:30px;
}
#link #con01 li{padding-bottom:1em;}
#link .con span{display:block;}

#link #con02 p{padding-bottom:1em;}
#link #con02 ul{padding-bottom:10px;}
#link #con02 li li{float:left;}
#link #con02 .bnr50 li{width:60px;}
#link #con02 .bnr88 li{width:98px;}
#link #con02 .bnr234 li{width:244px;}

/*--------------------------------------- 07: sitemap/index.html */
#sitemap h2 {
background: url("../img/ic01.gif") no-repeat scroll 0 0.3em transparent;
height: auto !important;
min-height: 10px;
padding:0 0 0 12px;
margin-bottom:2px;
}
#sitemap h2.mb20{margin-bottom:20px;}

#sitemap article ul {
background: url("../../sitemap/img/li_line.gif") repeat-y scroll 0 0 transparent;
margin: 0 0 20px 15px;
padding-top:7px;
}

#sitemap article li {
    background: url("../../sitemap/img/li_arrow02.gif") no-repeat scroll 0 0.65em transparent;
    margin-bottom: 7px;
    padding: 0 0 0 14px;
}
#sitemap article li.last {
    background: url("../../sitemap/img/li_arrow03.gif") no-repeat scroll 0 0 transparent;
    padding-bottom: 7px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */

/*--------------------------------------- all center */
body,
header,
.container{text-align:center;}

header div,
nav ul,
footer div,
.wrapper,
.copy small{
width:950px;
margin:0 auto;
text-align:left;
}

/*--------------------------------------- container */
.container{background:url(../img/bg.jpg) repeat 0 -40px #FFF;}
.lower .container{
background-image:url(../img/common_img.png),url(../img/bg.jpg) ;
background-repeat:no-repeat,repeat;
background-position:100% -4px,0 -40px;
background-color:none,#FFF;
}

.wrapper{padding-top:200px;}

/*--------------------------------------- header */
header{background:url(../img/hd_bg.gif) repeat-x 0 100% #060913;}


/* gNavi */
nav{
float:left;
width:220px;
margin-right:20px;
line-height:1;
}

/*--------------------------------------- main contents */
.lower section{
width:670px;
float:right;
padding:20px;
opacity:0.95;
background-color:#FFF;
background-image:url(../img/checker.gif),url(../img/checker.gif),url(../img/checker.gif),url(../img/checker.gif);
background-position:top left,top left,top right,bottom left;
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
}

/*--------------------------------------- footer */
footer{
min-height:214px;
}
	/* IE6 */
	* html footer{height:214px;}

footer div div{position:absolute;}
footer .ft_contact{
margin:-20px 0 0 -10px;
position:relative;
z-index:999;
width:513px;
}
.copy{
background:url(../img/ft_bg.gif) 0 0 repeat-x;
background-color:#FFF;
position:relative;
padding-top:14px;
}
.copy small{
display:block;
letter-spacing:0.1em;
text-align:right;
z-index:1;
padding-left:400px;
width:550px;
padding-bottom:8px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

#link #con02 ul:after,
header div:after,
.wrapper:after,
.container:after,
.con:after{
content:"."; 
display:block; 
clear:both; 
height:0;
line-height:0;
visibility:hidden;
font-size: 0;
}

	/* IE6 */
	* html #link #con02 ul,
	* html header div,
	* html .wrapper,
	* html .container,
	* html .con{height:1%;}

	/* IE7 */
	*:first-child+html #link #con02 ul,
	*:first-child+html header div,
	*:first-child+html .wrapper,
	*:first-child+html .container,
	*:first-child+html .con{display:inline-block;}