@charset "UTF-8";

/* ========BASIC======== */


/* Do not remove the following comment */
/* Background pattern from subtlepatterns.com */


html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
   font-size:13px;
   background: url("../images/retina_wood.png");
}

br {
   letter-spacing:normal;
}

a {
   color:#134D99;
   text-decoration: none;
}

a.pdf {
   background-image: url("../images/pdf.png");
   scale: 0.5;
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 30px;
   margin-right: 3px;
}

a:hover {
   color:#134D99;
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h2 {
   clear: both;
   padding: 2px 0px 0px 10px;
   line-height: 2.0;
   color: #414141;
   font-size: 15px;
   font-weight: bold;
   border: 1px solid #CCC;
   background: #EEEEEE;
}

h3 {
   clear:both;
   padding: 2px 0px 0px 10px;
   line-height: 2.0;
   font-size: 15px;
   font-weight: bold;
   margin:0;
   color:#414141;
   border:1px solid #ccc;
   background: #EEEEEE;
}

h4 {
   padding: 2px 0px 0px 10px;
   line-height:2.0;
   color:#414141;
   font-weight:normal;
   font-size:13px;
   border:0;
   background:#FFF59D;
}

h5 {
   padding: 0 10px;
   line-height: 2.0;
   font-size: 15px;
   font-weight: bold;
   border-left: 7px solid #4387e9;
}

h6 {
   line-height:2.0;
   font-size:13px;
   color:#770000;
}

h8 {
   padding: 2px 0px 0px 10px;
   line-height:2.0;
   color:#414141;
   font-weight:normal;
   font-size:13px;
   border:0;
}

p {
   margin: 15px;
   font-size: 14px;
   color: #414141;
}


/* ========TEMPLATE LAYOUT======== */
#container {
   width:940px;
   margin:30px auto;
   padding: 20px;
   border:1px solid #ddd;
   -moz-box-shadow:0 0 10px #bfbfbf; /* Firefox用 */  
   -webkit-box-shadow:0 0 10px #bfbfbf; /* Safari,Google Chrome用 */ 
   box-shadow:0 0 10px #bfbfbf;
   background:#fff;
}

#header {
   position:relative;
   width: 940px;
   height: 80px; 
   margin-bottom:20px;
}

#language {
   position: absolute;
   right: 0;
   top: 0;
   font-size: small;
}

#menu {
   position:absolute;
   right: 0;
   bottom: 0;  
   color: #414141;
}

#icatch {
   width:940px;
}

#contents {
   float:left;
   width:940px;
   padding:10px 0;
   background:#fff;
}

#conL {
   float: left;
   width: 620px;
}

#conR {
   float: right;
   width: 300px;
}

#footMenu {
   float:left;
   width:940px;
   margin-top:10px;
}

#footer {
   clear:both;
   width:940px;
}

/* ========HEADER CUSTOMIZE======== */
#language ul {
   margin: 0;
   padding: 0;
}

#language li {
	display: inline-block;
}	

#language a {
    outline:none;
}	

#language li + li {
	padding-left: 7px;
    border-left: 2px solid #CCC;
}	

#language li a:hover {
	color: #1E90FF;
	text-decoration: none;
}

.sitetitle {
    position:absolute;
    left:0;
    bottom: 0;    
    line-height: 1.2;
}	

.sitetitle a {
	text-decoration: none;
    color: #414141;
}	

.sitetitle up{
    font-size: 15px;
}
.sitetitle up_en{
   font-size: 12px;
}

.sitetitle down{ 
    font-size:30px;
}

.sitetitle down_en{ 
    font-size:16px;
    font-weight: 700;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   list-style:none;
}

#menu li {
   overflow:hidden;
   float:left;
   margin:0;
   padding:0 0 0 30px;
}

#menu li a {
   display:block;
   font-size: 15px;
   color:#000;
   outline:none;
}

#menu li a:hover {
   color:#000;
   border-bottom:5px solid #4387e9;
   text-decoration:none;
}

/* ========HEADIMAGE CUSTOMIZE======== */
#headImage {
   width:940px;
   height:300px;
   overflow:hidden;
   position:relative;
   list-style:none;
}

#headImage img {
   width:940px;
   height:300px;
}

#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

#headImage li {
   position:absolute;
   background:#fff;
   margin:0;
   padding:0;
}

/* ========MAINCONTENTS CUSTOMIZE======== */
/* TOPNAVI CUSTOMIZE */
.topNavi {
   overflow: hidden;
   position: relative;
   margin-left: -20px;
   margin-top: 10px;
   margin-bottom: 20px;
}

* html .topNavi {
   height:1em;
   overflow:visible;
}

.topNaviColumn {
   display:inline;
   width: 299px;
   height: 190px;
   float:left;
   margin-left:20px;
   padding:0 0 2em 0;
   background: #FAFAFA;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 3px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 3px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 3px 5px;
}


.topNaviColumn_en {
   display:inline;
   width: 299px;
   height: 280px;
   float:left;
   margin-left:20px;
   padding:0 0 2em 0;
   background: #FAFAFA;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 3px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 3px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 3px 5px;
}

p.topNaviColumn_midashi1 {
   clear: both;
   margin: 0;
   padding: 2px 0px 0px 10px;
   line-height: 2.0;
   color: #FFF;
   font-size: 15px;
   border: 1px solid #00BCD4;
   background: #00BCD4;
}	

p.topNaviColumn_midashi2 {
   clear: both;
   margin: 0;
   padding: 2px 0px 0px 10px;
   line-height: 2.0;
   color: #FFF;
   font-size: 15px;
   border: 1px solid #FF80AB;
   background: #FF80AB;
}	

p.topNaviColumn_midashi3 {
   clear: both;
   margin: 0;
   padding: 2px 0px 0px 10px;
   line-height: 2.0;
   color: #FFF;
   font-size: 15px;
   border: 1px solid #00BFA5;
   background: #00BFA5;
}	

p.topNaviColumn_txt {
   margin: 0;
   padding: 12px 5px 0px 15px;
}

.topNaviImg {
   margin:0;
   padding:0;
   background:none;
}

.topNaviDetail {
   position:absolute;
   bottom:0;
   width:280px;
   text-align:right;
   font-size: 10px;
}

.topNaviDetail a {
    padding:0 0 0 7px;
    padding: 0.4em 1em;
    color: #eee;
    background: #4c4c4c;
}

.topnaviphoto {
    width: 299px;
}	

/* INFORMATION CUSTOMIZE */
.information {
   width:620px;
   height:278px;
   border-bottom:1px solid #ddd; 
   overflow: scroll;
   margin-bottom:20px;
}

.information dl {
   margin:0;
}
.information dt {
   float:left;
   padding-top:5px;
}

.information dd {
   margin:0 0 5px 0;
   padding:5px 0px 5px 11em;
   border-bottom:1px solid #ddd;
}

/* SUBMENU CUSTOMIZE */
.submenu {
   overflow: hidden;
   border: 1px solid #ddd;
}

.submenu h3 {
   border:none;
}

.submenu ul {
   margin:10px;
   padding:0;
}

.submenu li {
   margin:0;
   padding:0 0 0 7px;
   list-style:none;
   background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

.submenu p {
   margin:10px;
}

.submenu1 {
   height: 278px; 
   overflow: hidden;
   border: 1px solid #ddd;
}

.submenu1 h3 {
   border:none;
}

.submenu1 ul {
   margin:10px;
   padding:0;
}
.submenu1 li {
   margin:0;
   padding:0 0 0 7px;
   list-style:none;
   background:url("../images/bg_arrow.gif") no-repeat left 1.9mm;
}

.submenu1 p {
   margin:10px;
}

/* BANNER CUSTOMIZE */
.bnrL {
   margin:20px 0;
}

.bnrL ul {
   width:630px;/* for IE7 */
   margin:0 -10px 0 0;
   padding:0;
}

.bnrL li {
   float:left;
   margin:0 10px 0 0;
   padding:0;
   list-style:none;
   margin-bottom:10px;
   background:url("../images/bgs.jpg");
}

.bnrR {
   width:278px;
   padding:10px;
   margin-bottom: 20px;
   border:1px solid #ddd;
}

.bnrR ul {
   margin:0 0 -10px 0;
   padding:0;
}

.bnrR li {
   margin:0;
   padding:10px;
   list-style:none;
   margin-bottom:10px;
   background:#eee;
}

/* ========LINK CUSTOMIZE======== */

/* LINK CUSTOMIZE */
.link {
   width: 640px;
   margin-bottom: 20px;
}

.link dl {
   margin:0;
}
.link dt {
   width:140px;
   float:left;
   padding-top:5px;
   color: black;
 }

.link dd {
   width:450px;
   margin:0 0 5px 0;
   padding:5px 30px 5px 140px;
   border-bottom:1px solid #ddd;
   background: #FFF;
   color: black;
}

.spc {
   width:300px;
   margin:-20px 0 0 0;
   padding:5px 30px 5px 600px;
   background: #FFF;
}

/* ========LINK-2 CUSTOMIZE======== */

/* LINK CUSTOMIZE */
.link2 {
   width: 620px;
   margin-bottom: 20px;
}

.link2 dl {
   margin:0;
}
.link2 dt {
   width:360px;
   float:left;
   padding-top:5px;
}

.link2 dd {
   width:450px;
   margin:0 0 5px 0;
   padding:5px 30px 5px 140px;
   border-bottom:1px solid #ddd;
   background: #FFF;
}

.spc2 {
   width:300px;
   margin:-20px 0 0 0;
   padding:5px 30px 5px 600px;
   background: #FFF;
}

/* ========LINK-3 CUSTOMIZE======== */

/* LINK CUSTOMIZE */
.link3 {
   width: 620px;
   margin-bottom: 20px;
}

.link3 dl {
   margin:0;
}
.link3 dt {
   width:240px;
   float:left;
   padding-top:5px;
}

.link3 dd {
   width:450px;
   margin:0 0 5px 0;
   padding:5px 30px 5px 140px;
   border-bottom:1px solid #ddd;
   background: #FFF;
}

.spc3 {
   width:300px;
   margin:-20px 0 0 0;
   padding:5px 30px 5px 600px;
   background: #FFF;
}

/* ========LINK-4 CUSTOMIZE======== */

/* LINK CUSTOMIZE */
.link4 {
   width: 620px;
   margin-bottom: 20px;
}

.link4 dl {
   margin:0;
}
.link4 dt {
   width:360px;
   float:left;
   padding-top:5px;
}

.link4 dd {
   width:450px;
   margin:0 0 5px 0;
   padding:5px 30px 5px 140px;
   border-bottom:1px solid #ddd;
   background: #FFF;
}

.spc4 {
   width:300px;
   margin:-20px 0 0 0;
   padding:5px 30px 5px 600px;
   background: #FFF;
}

/* ========LINK-5 CUSTOMIZE======== */

/* LINK CUSTOMIZE */
.link5 {
   width: 620px;
   margin-bottom: 20px;
}

.link5 dl {
   margin:0;
}
.link5 dt {
   width:360px;
   float:left;
   padding-top:5px;
}

.link5 dd {
   width:450px;
   margin:0 0 5px 0;
   padding:5px 30px 5px 140px;
   border-bottom:1px solid #ddd;
   background: #FFF;
}

.spc5 {
   width:300px;
   margin:-20px 0 0 0;
   padding:5px 30px 5px 600px;
   background: #FFF;
}

/* ========LINK-6 CUSTOMIZE======== */

/* LINK CUSTOMIZE */
.link6 {
   width: 620px;
   margin-bottom: 20px;
}

.link6 dl {
   margin:0;
}
.link6 dt {
   width:305px;
   float:left;
   padding-top:5px;
}

.link6 dd {
   width:460px;
   margin:0 0 5px 0;
   padding:5px 30px 5px 140px;
   border-bottom:1px solid #ddd;
   background: #FFF;
}

.spc6 {
   width:300px;
   margin:-20px 0 0 0;
   padding:5px 30px 5px 600px;
   background: #FFF;
}


/* ======== left column ======= */

.loftcol_midashi {
   margin: 0;  	
   padding: 0;
   height: 70px;
   background-color: #26C6DA;
}

.loftcol_midashi_en {
   margin: 0;     
   padding: 0;
   height: 100px;
   background-color: #26C6DA;
}

p.leftcol_midashi_txt {
   margin: 0;
   padding: 20px;
   font-size: 20px;
   color: #FFF;
}	

/* ======== about ======= */
.leftcol_about {
   margin: 30px 0px 0px 0px;
   padding: 0px 0px 30px 0px;
   background-color: #FAFAFA;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
}

p.about_txt {
   margin: 0;
   padding: 30px 15px 0px 24px;
   font-size: 14px;
}

/* ======== content.html ======= */
.leftcol_content {
   margin: 30px 0px 0px 0px;
   padding: 0px 0px 18px 0px;   	
   background-color: #FAFAFA;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
}

.leftcol_content_txt {
   margin: 0;
   padding: 15px 20px 0px 10px;
}

/* ======== member top======= */
.conLbigger {
   width: 940px;
   margin: 0;
   padding: 0;
}

p.conLbigger_txt {
   width: 940px;
   margin: 10px 10px 30px 10px;
   padding: 0 20px 0 0;
   font-size: 15px;
}

.categ1 {
   margin: 50px 0 0 0;
   padding: 0px 0px 28px 0px;   	
   width: 940px;
   background-color: #EEEEEE;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
}

.categ2 {
   margin: 50px 0 0 0;
   padding: 0px 0px 28px 0px;   	
   width: 940px;
   background-color: #EEEEEE;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;   
}

.categ3 {
   margin: 50px 0 0 0;
   padding: 0px 0px 28px 0px;   	
   width: 940px;
   background-color: #EEEEEE;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;   
}

.categ4 {
   margin: 50px 0 0 0;
   padding: 0px 0px 28px 0px;  	
   width: 940px;
   background-color: #EEEEEE;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;   
}

.categ5 {
   margin: 50px 0 0 0;
   padding: 0px 0px 28px 0px;   	
   width: 940px;
   background-color: #EEEEEE;
   box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -webkit-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
   -moz-box-shadow:rgba(108, 110, 112, 1.0) 0px 1px 5px;
}

.midashi1 {
   margin: 0;  	
   padding: 0;
   width: 940px;
   background-color: #26C6DA;
}

.midashi2 {
   margin: 0;  	
   padding: 0;
   width: 940px;
   background-color: #FF80AB;
}

.midashi3 {
   margin: 0;  	
   padding: 0;
   width: 940px;
   background-color: #40C4FF;
}

.midashi4 {
   margin: 0;  	
   padding: 0;
   width: 940px;
   background-color: #FFAB40;
}

.midashi5 {
   margin: 0;  	
   padding: 0;
   width: 940px;
   background-color: #B388FF;
}

h10{
   text-align:left;
   float:left;
   margin: 0;
   padding: 10px 0px 0px 0px;
   padding-left: 23px;
   font-size: 20px;
   color: #FFF;
}

.midashi1 p{
   text-align:right;
   margin:0;
   padding: 30px 23px 0px 0px;
   font-size: 13px;
   font-weight: bold;
   color: #FFF;
} 

.midashi2 p{
   text-align:right;
   margin:0;
   padding: 52px 23px 0px 0px;
   font-size: 15px;
   font-weight: bold;
   color: #FFF;
} 

.midashi3 p{
   text-align:right;
   margin:0;
   padding: 52px 23px 0px 0px;
   font-size: 15px;
   font-weight: bold;
   color: #FFF;
} 

.midashi4 p{
   text-align:right;
   margin:0;
   padding: 52px 23px 0px 0px;
   font-size: 15px;
   font-weight: bold;
   color: #FFF;
} 

.midashi5 p{
   text-align:right;
   margin:0;
   padding: 52px 23px 0px 0px;
   font-size: 15px;
   font-weight: bold;
   color: #FFF;
} 

.membertop {
   margin: 0;
   padding: 0;
}	

.membertop ul {
   margin: 0;
   padding: 0;
   list-style: none;
}	

.membertop li {
   margin: 0;
   padding: 0;
   display: inline-block;
}

.membertop .profbox {
   width: 265px;
   height: 90px;
   margin: 30px 0px 0px 28px;
   padding: 8px 0 4px 8px; 
   box-shadow:rgba(108, 110, 112, 0.3) 0px 0px 3px 3px;
   -webkit-box-shadow:rgba(108, 110, 112, 0.3) 0px 0px 3px 3px;
   -moz-box-shadow:rgba(108, 110, 112, 0.3) 0px 0px 3px 3px;
   background-color:rgba(255, 235, 59, 1.0)
}

.membertop .inboximage{
	width: 75px; 
	height: 75px; 
	border: 5px solid #FFF; 
	overflow: hidden; 
	float: left; 
	position: relative;
}

.membertop .inboxtextbk {
	margin: 0 8px 0 94px;
	padding: 0;	   
    height: 85px;
    word-wrap:break-word;
    background-color: #FFF;
}  

p.inboxtext1{
	margin: 0;
	padding: 12px 0 0 12px;
	font-size: 12px;  
	font-color: #FFF;
	font-weight: bold;
}

p.inboxtext1_en{
	margin: 0;
	padding: 12px 0 0 12px;
	font-size: 12px;  
	font-color: #FFF;
	font-weight: bold;
   line-height:15px;
}

p.inboxtext2{
   font-size: 16px;
   margin: 3px 0 0 10px;
   padding: 0 0 0 26px;
   font-weight: bold;
   background:url("../images/iuser.png") no-repeat;
   background-size: 22px 22px;
}


p.inboxtext2_en{
   font-size: 16px;
   margin: 3px 0 0 10px;
   padding: 0 0 0 26px;
   font-weight: bold;
   background:url("../images/iuser.png") no-repeat;
   background-size: 22px 22px;
   line-height:18px;
}

/* ======== member page ======= */
p.leftcol_exp {
   margin: 0;
   padding: 25px 0px 0px 10px;	
}

.memberpage {
   margin: 0;
   padding: 0;
}	

.memberpage ul {
   margin: 0;
   padding: 0;
   list-style: none;
}	

.memberpage li {
   margin: 0;
   padding: 0;
   display: inline-block;
}

.memberpage .profbox_page {
   width: 265px;
   height: 90px;
   margin: 28px 0px 5px 23px;
   padding: 8px 0 4px 8px; 
   box-shadow:rgba(108, 110, 112, 0.3) 0px 0px 3px 3px;
   -webkit-box-shadow:rgba(108, 110, 112, 0.3) 0px 0px 3px 3px;
   -moz-box-shadow:rgba(108, 110, 112, 0.3) 0px 0px 3px 3px;
   background-color:rgba(255, 235, 59, 1.0)
}

.memberpage .inboximage_page{
	width: 75px; 
	height: 75px; 
	border: 5px solid #FFF; 
	overflow: hidden; 
	float: left; 
	position: relative;
}

.memberpage .inboxtextbk_page {
	margin: 0 8px 0 94px;
	padding: 0;	   
    height: 85px;
    word-wrap:break-word;
    background-color: #FFF;
}  

p.inboxtext1_page{
	margin: 0;
	padding: 12px 0 0 12px;
	font-size: 12px;  
	font-color: #FFF;
	font-weight: bold;
}

p.inboxtext2_page{
   font-size: 16px;
   margin: 3px 0 0 10px;
   padding: 0 0 0 26px;
   font-weight: bold;
   background:url("../images/iuser.png") no-repeat;
   background-size: 22px 22px;
}

.arrow_box {
	margin: 0;
	padding: 0;
	position: relative;
	background: #FFF;
    border: 7px solid #FFEB3B;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 235, 59, 0);
	border-top-color: #FFF;
	border-width: 20px;
	margin-left: 200px;
}
.arrow_box:before {
	border-color: rgba(255, 235, 59, 0);
	border-top-color: #FFEB3B;
	border-width: 30px;
	margin-left: 190px;
}

p.arrow_boxtext {
   font-size: 20px;
   font-weight: bold;   
   margin: 25px;
}

.emember_prof { 
   margin: 0 0 60px 0;
   padding: 0;
}

.emember_prof .emember_profimg {
   float: right;
   border:1px solid #999;  
   padding:5px; 
   background-color:#fff; 
}	
	
p.emember_proftext {
   font-size: 17px;
   font-weight: bold;   
   margin: 0;
   padding: 0 0 0 35px; 
}	

p.emember_proftext_name {
   font-size: 20px;
   font-weight: bold;   
   margin: 20px 0 0 32px;
   padding: 0 0 0 40px; 
   background:url("../images/iuser.png") no-repeat;
   background-size: 27px 27px;
}   

a.memlink {
   color:#FFF;
   text-decoration: none;
}

/* ========Figure Captions======= */
div.imagebox_left{
	float: left;
	padding: 0 5px 5px 5px;
}

.imagebox_left span{
	display: block;
	font-size: x-small;
	text-align: center;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}


/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
   margin:5px 0;
   padding:20px 0;
   text-align:center;
   border-top:1px solid #ddd;
   font-size: 15px;
}

#footMenu li {
   display:inline;
   margin:0 0 0 20px;
   list-style:none;
}

#footMenu li a {
   color:#000;
}

#footMenu li a:hover {
   color:#666;
   text-decoration:underline;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   font-style:normal;
   font-size:11px;
   color:#999;
   line-height:3.0;
   text-align:center;
}

/* ========PAGRTOP CUSTOMIZE========= */
#pageTop {
   position:fixed;
   right:0;
   bottom:0;
   padding:10px;
   background:#000
}

#pageTop a {
   padding:0 0 0 12px;
   color:#fff;
   font-size:11px;
   background:#000 url("../images/bg_pagetop.gif") 0 50% no-repeat;
}






.awesome{
/*background: #222 url(../images/alert-overlay.png) repeat-x; */
background: #222 url() repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}

.awesome:link , .awesome:hover , .awesome:visited {
background-color: #111;
color: #fff;
}

/* 大きさ ---------- */
.small.awesome {
font-size: 11px;
}

.medium.awesome {
font-size: 13px; 
}

.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}

.small.awesome, .small.awesome:visited {
font-size: 11px;
padding: ;
}

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.awesome, .large.awesome:visited{
font-size: 14px;
padding: 8px 14px 9px;
}

/* 緑 ---------- */
.green.awesome, .green.awesome:visited{
background-color: #91bd09;
}

.green.awesome:hover {
background-color: #749a02;
}

/* 青 ---------- */
.blue.awesome, .blue.awesome:visited {
background-color: #2daebf;
}

.blue.awesome:hover {
background-color: #007d9a;
}

/* 赤 ---------- */
.red.awesome, .red.awesome:visited {
background-color: #e33100;
}

.red.awesome:hover {
background-color: #872300;
}

/* 赤紫 ---------- */
.magenta.awesome, .magenta.awesome:visited {
background-color: #a9014b;
}

.magenta.awesome:hover	{
background-color: #630030;
}

/* 橙 ---------- */
.orange.awesome, .orange.awesome:visited {
background-color: #ff5c00;
}

.orange.awesome:hover {
background-color: #d45500;
}

/* 黄 ---------- */
.yellow.awesome, .yellow.awesome:visited {
background-color: #ffb515;
}

.yellow.awesome:hover {
background-color: #fc9200;
}