@charset "UTF-8";

/*

共通サイトヘッダー要素用css
siteheader要素を共通化させる。
フレームワーク用css等もここに記述する

*/

/* header */

.id_siteHeader{
background: #f0f0f0;
padding:0 10px;
border-bottom: 3px double #ffffff;
}

.id_siteHeader a , .id_siteHeader a:visited{
color:#00461F;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
}

.id_siteHeader a:hover{
color:#4a9069;
}

.id_siteHeader .siteHeaderGloval{
padding:;
}

.id_siteHeader .siteHeaderGloval li , .id_siteHeader .siteHeaderMenu li{
float: left;
padding: 5px 10px 5px 35px;
font-size: 14px;
text-shadow: 0 -1px 0 #ffffff;
}

.id_siteHeader .siteHeaderGloval li{
background: url("../images/common/siteheaderGloval_arrow.png") 20px center no-repeat;
}

.id_siteHeader .siteHeaderGloval li:first-child{
background: url("../images/common/siteheaderGloval_arrow.png") 5px center no-repeat;
padding: 5px 10px 5px 20px;
}

.id_siteHeader .siteHeaderMenu li{
background: url("../images/common/siteHeaderMenu_arrow.png") 20px center no-repeat;
}

.id_siteHeader .siteHeaderMenu li.mobile{
background: url("../images/common/sprite.png") 0 0 no-repeat;
width: 120px;
height:26px;
vertical-align: middle;
text-align: center;
padding: 0;
font-size: 20px;
font-weight: bold;
line-height: 1.3;
margin-left:15px;
}

.id_siteHeader .siteHeaderMenu li.mobile a{
color: #ffffff;
text-shadow:0 -1px 0 #000000;
width: 120px;
height: 26px;
display: block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
}

.id_siteHeader .siteHeaderMenu li.mobile a:hover{
background: url("../images/common/sprite.png") 0 -26px no-repeat;
color: #00461F;
text-shadow:0 -1px 0 #ffffff;
text-decoration: none;
}