/*
master CSS file
2013.05.01 VVVas
*/
html { overflow: scroll; }
body, form {
	margin: 10px;
	padding: 5px 0 5px 0;
	font: 1em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	line-height: 1.25em;
}
img { border: none; }
h1, nav, section, footer {
	margin: 0 auto;
	clear: both;
}

nav { width: 680px; }
h1, section, footer { width: 650px; }

nav a:link, nav a:active, nav a:visited, nav a:hover { color: #fff; }
nav a, nav div.twitter {
	display: block;
	float: left;
	width: 280px; height: 110px;
	text-decoration: none;
	background-color: #9c3;
	padding: 15px; margin: 15px;
}

h1, nav a { 
	font-size: 3em;
	line-height: 1em;
}

nav a small { font-size: .5em; }
	
section, footer { text-align: left; }

p.ducks { text-align: left; }
p.ducks a img { width: 75px; height: 75px; }

audio { display: block; width: 310px; padding-bottom: 10px; }

abbr {
	border-bottom: 1px dashed;
	cursor: help;
}
sub, sup { font: .5em Arial, Helvetica, sans-serif; }
sub { vertical-align: text-bottom; }
sup { vertical-align: text-top; }

.yashare-auto-init { float: right; padding: 0; margin: 0 -5px 0 -5px; }

/* vvvas */
nav a.vvvas {
	background: url(/_img/vvvas.jpg) no-repeat;
	background-size: 100%;
	background-color: #9c3;
	height: 280px;
}

nav a.japan {
	width: 620px;
}

nav div.twitter {
	height: 280px;
}

nav div.twitter a {
	padding: 0;
	margin: 0;
}

/*
nav a.japan, nav a.blog {
	height: 110px;
}
*/


/* japan */
body.japan nav a { height: 140px; font-size: 2em; }
body.japan nav a img { float: left; padding: 4px 10px 10px 4px; }
body.japan nav a.chiba {
	background: url(/_img/chiba.jpg) no-repeat;
	background-size: 100%;
	background-color: #9c3;
	height: 340px;
}

body.japan nav a.ex {
	height: 70px;
	font-size: 1.5em;
}

audio.japan { display: block; width: 100%; padding-bottom: 10px; }

/* body.japan nav a span.jp { font: 1em Arial, Helvetica, sans-serif; line-height: 1em; } */

/* h2 span.jp { font: 1em Arial, Helvetica, sans-serif; line-height: 1em; float: right; } */

/*
@media all and (min-width: 2571px) {
body.japan { background: url(/japan/_img/bg_medium.jpg) no-repeat;}
}

@media all and (max-width: 2570px) {
body.japan { background: url(/japan/_img/bg_big.jpg) no-repeat;}
}

@media all and (max-width: 1950px) {
body.japan { background: url(/japan/_img/bg_medium.jpg) no-repeat;}
}

@media all and (max-width: 1290px) {
body.japan { background: url(/japan/_img/bg_small.jpg) no-repeat;}
}
*/

/* adaptive for all */
@media all and (max-width: 1024px) and (min-width: 721px) {
nav a { height: 80px; }
h1, nav a { font-size: 2em; }
}

@media all and (max-width: 720px) {
nav { width: 340px; }
h1, section, footer { width: 310px; }
h1, nav a { font-size: 2em; }
nav a.japan { width: 280px; }
body.japan nav a.chiba, nav a.vvvas { height: 200px; }
/*
body.japan nav a, nav a { height: 100px; }
body.japan nav a span.jp { display: none }
*/
.yashare-auto-init { float: none; }
}