@charset"UTF-8";


body {font-family: "メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
      background-color: #ffffff; margin: 0}

p    {line-height: 1.5}

#sample1  {font-size:130%}

#sample2  {font-size:115%}

#sample3  {font-size:90%}

#sample4  {font-size:75%}

#sample5  {font-size:85%}

#sample6  {line-height: 2}

#sample7  {font-size:95%}


/* ヘッダー */
div#header   {background-color: #ffffff; margin-top: 20px; margin-bottom: -15px}

div#header h1   {width: 900px; margin-left: auto; margin-right: auto;
                 margin-top: 0; margin-bottom: 0}

/*メニュー*/
nav        {background-color: #000080; height: 30px; margin-bottom: 0px}

nav ul     {width: 900px; background-color: #000080; height: 30px;
            font-size: 15px;  margin-left: auto; margin-right: auto}

nav li     {list-style-type: none; float: left}

nav li a   {display: block; width: 140px; line-height: 30px; text-decoration: none; 
            text-align: center; color: #ffffff; background-color: #000080;
            border-right: solid 1px #ffffff}

nav li:first-child {border-left: solid 1px #ffffff}

nav li a:hover  {background-color: #017acd}


/*トップ画像*/
div#photo1    {background-color: #ffffff; background-image: url(images/top_visual.jpg);
               background-repeat: no-repeat; width: 900px; height: 450px; 
               margin-left: auto; margin-right: auto}

div#photo1 p  {width: 900px; margin-left: auto; margin-right: auto;
               margin-top: 0; margin-bottom: 0; 
               color: #ffffff; font-size: 16px; padding-left: 15px; padding-top: 360px}

div#photo2    {background-color: #ffffff; background-image: url(images/top_visual2.jpg);
               background-repeat: no-repeat; width: 900px; height: 120px;
               margin-left: auto; margin-right: auto; margin-top: -18px}

div#photo2 h3  {width: 900px; color: #000080; margin-left: 15px; padding-top: 90px}


/*コンテナ*/
div#containar  {width: 900px; margin-left: auto; margin-right: auto; margin-top: 0px}

div#containar2  {background-color: #000030; margin-left: auto; margin-right: auto; 
                      margin-top: 5px; margin-bottom: -20px; clear: both}


/*トップコンテンツ*/
div#content     {width: 560px; float: left; margin-right: auto; margin-top: 0px; margin-bottom: 25px;
                      -webkit-text-size-adjust: 100%}

div#content h3	{background-color: #ffffff; background-image: url(images/bar-green.png);
	         background-repeat: no-repeat; font-size: 15px; line-height: 23px;
	         padding-left: 30px; margin-top: 30px; margin-bottom: 0}

div#content p   {font-size: 14px; padding-left: 5px; line-height: 1.5}



/*トップサイド*/
div#sidebar1    {width: 320px; float: right; margin-left: auto; margin-bottom: 25px}

div#sidebar1 h3	{background-color: #ffffff; background-image: url(images/bar-green.png);
	         background-repeat: no-repeat; font-size: 15px; line-height: 23px;
	         padding-left: 30px; margin-top: 30px; margin-bottom: 0}

div#sidebar1 p  {font-size: 13px; padding-left: 5px; line-height: 1.5; text-decoration: none; 
                 padding-top: 0px}

a.entry2  {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #3399cc; 
            color:white; text-align:center; padding: 5px; display: inline-block; font-size: 13px; text-decoration: none; 
            padding: 3px 5px; margin: 5px; width: 100px;}
 
a.entry2:hover  {text-decoration: none; opacity:0.7}


/*コンテンツ*/
div#content2     {width: 730px; float: right; margin-left: auto; margin-top: 15px; margin-bottom: 25px;
                       -webkit-text-size-adjust: 100%}

div#content2 h3  {background-color: #ffffff; font-size: 14px; padding-top: 5px; margin-bottom: 0}

div#content2 p   {font-size: 14px; line-height: 1.5; text-decoration: none; padding-top: 20px}


/*サイド*/
div#sidebar     {width: 140px; float: left; margin-right: auto;  margin-top: 15px; margin-bottomt: 25px}

div#sidebar h3    {background-color: #e0e0e0; font-size: 14px; padding-left: 10px; padding-top: 5px; margin-bottom: 0}

div#sidebar p  {font-size: 14px; padding-left: 15px; line-height: 1.5}


/*テーブル*/
table, th, td  {border: solid 1px #99cccc}

table  {border-collapse: collapse}

th, td  {padding: 5px 10px 5px 10px}

th     {text-align: center}

caption  {border: solid 1px #99cccc; background-color: #99cccc; color: #ffffff}


/**/
a.entry  {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #004376; 
          color:white; text-align:center; padding: 10px; display: inline-block; font-size: 14px; 
          text-decoration: none; padding: 7px 10px; margin: 10px; width: 180px;}
 
a.entry:hover  {text-decoration: none; opacity:0.7}




/*メニュー2*/
nav2        {background-color: #000030; height: 0px; margin-bottom: 0}

nav2 ul     {width: 900px; background-color: #000030; height: 0px;
             margin-left: auto; margin-right: auto}

nav2 li     {list-style-type: none; float: right; font-size: 12px; padding-right: 10px}

nav2 li a   {display: block; width: 120px;line-height: 24px; text-decoration: none; 
             text-align: center; color: #ffffff; background-color: #000030}

nav2 li a:hover  {background-color: #017acd}


/*フッター*/
div#footer    {background-color: #000080; height: 130px; margin-left: auto; margin-right: auto;
               clear: both}

div#footer p  {width: 890px; color: #ffffff; font-size: 12px;
               margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; 
               padding-top: 5px}

.sample1  {text-align: right}