/* -- STYLE 20130415 -- */
@charset "utf-8";
/* @group Reset */
*{margin: 0;padding: 0;}
a { text-decoration : none; color:#1d1f62;}
ul, ol { list-style : none}
img { vertical-align : top; max-width : 100%;}
/* @end */
/* @group HTML */
html {
font: 12px/1.3 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
background-image:url("image/b_popo.jpg");
height:100%;
}
 body{ height:100%;
	margin:0;
	padding:0;}
/* @end */
/* @group Heading */
h1,h2,h3,h4,h5,h6 { margin-bottom : 16px;}
h1 {
text-shadow: 0px 2px 4px #191919;
font-size : 28px; 
line-height : 0.5} /* 28px */
h2 {
font-size : 20px; color: #1d1f62;
line-height : 1.3333} /* 20px */
h3 { text-align : center;}
/* @end */
/* @group Header */
header { text-align : center; display: block; margin-left: auto; margin-right: auto;}
/* @end */

/* @group container Contents */
article {
    width: 100%;
    position: relative;
    height: auto !important;    
    height: 100%;
    min-height: 100%;
	display: block; margin-left: auto; margin-right: auto;}

article img { margin:5px; box-shadow : 0 0 12px #000;}

/* @end */

/* @Group Main */
#pro{margin:1em 5em 2em 5em;line-height: 1.8em;}
#box1{
 display: block;
 float : right;
   width:340px inherit;
  color: #444; 
  margin:10px; font-family: monospace; line-height: 100%; }

/* @end */


/* @group Menu */
ul#menu1 {	text-align: center;
 max-width : 360px;margin: auto;}

ul#menu1 li {
 text-align : center;
 color: #004080; 
 font-size: large;
 text-shadow: 0px 2px 4px #191919;
 box-shadow : 0 0 12px #000;
 margin: 0px 0px 12px 0px;
 padding: 1em; }

ul#menu1 li img { box-shadow : 0 0 12px #000;}

ul#menu1 li a:hover {font-weight: bold;}
/* @end */

/* @group Footer */
footer {font-size: 12px; 
padding : 14px 0;
color : #444;
text-align : center;
text-shadow: 0px 2px 4px #191919;
}
/* @end */