body {
background: #85f2ff;
color: #000353;
margin: 0;
padding: 0;
}

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

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

/*--------------------------------------------------------------------
エレメント タグセレクター
--------------------------------------------------------------------*/
a img { 
border: none;
}

.red {color: #ff3300;}
.red_b {font-weight: bold; color: #ff3300;}
.orange {color: #ff9600;}
.orange_b {font-weight: bold; color: #ff9600;}
.green {color: #19a941;}
.green_b {font-weight: bold; color: #19a941;}
.turquoise {color: #13afad;}
.turquoise_b  {font-weight: bold; color: #13afad;}
.blue {color: #2454f0;}
.blue_b  {font-weight: bold; color: #2454f0;}
.indigo{color: #242881;}
.indigo_b{font-weight: bold; color: #242881;}
.violet {color: #6633ff;}
.violet_b  {font-weight: bold; color: #6633ff;}
.pink {color: #f474ff;}
.pink_b  {font-weight: bold; color: #f474ff;}

.violet_title  {
font-size: x-large;
font-weight: bolder;
color: #6633ff;
line-height: 20px;
}

.right{text-align: right;}
.center{text-aling: center;}
.left{text-aling: left;}

p{
display: table;
padding: 5px 50px 5px 50px;
}

/*--------------------------------------------------------------------
各ブロック
--------------------------------------------------------------------*/

#container {
width: 1000px;
background: #fff;
box-shadow:0 0 30px #000;
margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

#header{
background: #ff9600 url(./images/mectlp/header_bg.png);
display:block;
width:1000px;
font-size: small; 
color: #fff;
height:40px;
text-indent:20px;
line-height: 60px;
}

#main {
padding: 10px 10px;
background: #fff;
}

#footer {
padding: 10px 10px;
background: #000353;
}

/*--------------------------------------------------------------------
#header内
--------------------------------------------------------------------*/

#header a:link { color:  #fff;
text-decoration: none; }
#header a:visited { color:  #fff;
text-decoration: none; }
#header a:hover { color:  #ffec4a;
text-decoration: none; }
#header a:active { color:  #ffec4a;
text-decoration: none; }

/*--------------------------------------------------------------------
#main内
--------------------------------------------------------------------*/

#main a:link { 
text-decoration: none; }

#main a:visited { 
text-decoration: none; }

#main  a:hover { 
text-decoration: none; }

#main a:active {
text-decoration: none; }

/*--------------------------------------------------------------------
#footer内
--------------------------------------------------------------------*/

#footer_mk{
float: left;
}

#footer_txt{
float:right;
text-align:right;
color: #fff;
}

#footer_txt a:link { color:  #fff;}
#footer_txt a:visited { color:  #fff;}
#footer_txt a:hover { color:  #ffec4a;}
#footer_txt a:active { color:  #ffec4a;}

#footer_end{
text-align:right;
font-size:xx-small;
color: #fff;
clear: both; /* クリアする */
position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
}

/*--------------------------------------------------------------------
.mainの見出しシリーズ
--------------------------------------------------------------------*/

h1 {
font-size: xx-large;
font-weight: bolder;
color:#2308a0;
text-indent:5px;
line-height: 59px;
text-shadow:3px 3px 2px #fff;
display:block;
background: url(./images/mectlp/h_bk.png);
background-repeat: no-repeat;
}

h1  a:link { color: #2308a0;
text-decoration: none}
h1  a:visited { color: #2308a0;
text-decoration: none}
h1  a:hover { color: #1c70ee;
text-decoration: none}
h1  a:active { color: #1c70ee;
text-decoration: none}

h2{
font-size: x-large;
font-weight: bolder;
color:#2308a0;
text-indent:5px;
line-height: 50px;
text-shadow:3px 3px 2px #ddd;
display:block;
}

h2 a:link { color: #2308a0;
text-decoration: none }
h2 a:visited { color: #2308a0;
text-decoration: none }
h2 a:hover { color: #1c70ee;
text-decoration: none }
h2 a:active { color: #1c70ee;
text-decoration: none }

h3{
font-size: large;
font-weight: bolder;
color:#2308a0;
text-indent:5px;
line-height: 27px;
text-shadow:3px 3px 2px #ddd;
display:block;
}

h3 a:link { color: #2308a0;
text-decoration: none }
h3 a:visited { color: #2308a0;
text-decoration: none }
h3 a:hover { color: #1c70ee;
text-decoration: none }
h3 a:active { color: #1c70ee;
text-decoration: none }

/*-----------------------------------------------------------
#main内のリスト装飾
-----------------------------------------------------------*/

#main ul{
list-style:url(images/mectlp/list.png);
}

#main li{
padding: 2px;
margin: 5px 50px 5px 50px;
}
#main ul a:link {
color: #4a54d2;
text-decoration: none;
}
#main ul a:visited {
color: #4a54d2;
text-decoration: none;
}
#main ul a:hover {
color: #924eee;
text-decoration: underline;
}
#main ul a:active {
color: #0000ff;
text-decoration: none;
}

/*--------------------------------------------------------------------
ボタン装飾
--------------------------------------------------------------------*/

.button {

font-size: x-large;
font-weight: bolder;
color:#ff0000;
text-indent:0px;
line-height: 60px;
text-shadow:3px 3px 2px #fff;
display:block;
width: 700px;
margin:5px 30px;
background: #ffe032;
}

.button a:link {
color: #ff0000;
text-decoration: none;
}
.button a:visited {
color: #ff0000;
text-decoration: none;
}
.button a:hover {
color: #ff7800;
text-decoration: underline;
}
.buttona:active {
color: #ff7800;
text-decoration: none;
}