body {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: #d5e7ec; /*#ffffff;*/ /*#cbc0b7;*/
/*    background-image: url(imgs/title.jpg);*/
    background-image: url(imgs/sunflower.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 13px;
    font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

img {
    border: 0;
}

/* container */
.container {
    width: 1024px;
    margin: 0 auto;
    margin-top: 245px;
    overflow: hidden;
}

/* wrapper */
.contents-buffer {
    width: 100%;
    float: right;
    margin-left: -160px;
    padding: 0;
    border: 0;
}

/* boxD */
.sidebar {
    width: 160px;
    float: right;
    margin-top: 8px;
/*    display: inline;

    padding: 0;
    border: 0;
    position: relative;
    overflow: hidden;*/
}

/* boxB */
.contents-wrap {
    width: 100%;
    float: left;
    margin-right: -160px;
}

/* boxC */
.sidebar2 {
    width: 160px;
    float: left;
    margin-top: 8px;
/*    display: inline;
    margin: 13px 0;
    padding: 0;
    border: 0;
    position: relative;
    overflow: hidden;*/
}
.contents {
    margin-left: 165px;
    margin-right: 165px;
/*    padding: 0;
    border: 0;
    position: relative;
    overflow: hidden;*/
}




div.boss {
    float:right;
}
img.boss {
    border: 1px solid;
    margin: 1em;
}

div.name {
    float: right;
    text-align: right;
}

div.table_wrap {
    overflow-x: scroll;
}

table.simple {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-spacing:0;
    empty-cells: show;
    table-layout:fixed;
    width: 90%;
}

table.simple td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
}

table.type_a {
    margin-top: 1em;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-spacing: 0;
    empty-cells: show;
    table-layout: fixed;
    width: 98%;
}
table.type_b {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-spacing: 0;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
}

table.type_a td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

table.type_a thead tr td {
    color: #000;
    background-color: #dcca8a;
}
table.type_b td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

table.type_b thead tr td {
    color: #000;
    background-color: #dcca8a;
}

table.centered {
    text-align: center;
}




table.green {
    margin-top: 1em;
    border: 0px;
    border-spacing:0;
    empty-cells: show;
    table-layout: fixed;
    width: 98%;
}

table.green td {
    border: 0px;
}

table td.key {
    color: #027505;
//    font-weight: bold;
    text-align: right;
}


table.blue {
    border: 0px;
    border-spacing:0;
    empty-cells: show;
    width: 98%;
}

table.blue td {
    border: 0px;
    text-align: center;
}

table.blue thead tr td {
    color: #6e6135;
    background-color: #dcca8a;
}

table.blue tr.header {
    color: #6e6135;
    background-color: #dcca8a;
}

h2 {
    width: 100%;
/*    color: #004400;*/
    font-weight: normal;
    font-size: 18pt;
/*    border-bottom: 2px solid #027505;*/
    color: #0e90d2;
    background-color: #FFFFFF;
}

h3.green {
    font-size: 15px;
    width: 95%;
    color: #FFFFFF;
    background-color: #027505;
    padding: 1px 1px 1px 5px;
    font-weight: normal;
    border-bottom: 2px solid #027505;
/*    box-shadow: 5px 5px 10px rgba(0,0,0,0.4);*/
/*    text-shadow: 2px 2px 5px #888888;*/
}

li.main-link {
    display: table;
    float: left;
    margin: 0.5%;
    padding: 0;
    border: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #eeFFee;
}

li.main-link a {
    color: black;
    width: 120px;
    height: 32px;
    line-height: 34px;
    min-height: 32px;
    display: table-cell;
    font-size:15px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #027505;
/*    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 4px;*/
}
li.main-link-hover a {
    border-color: orange !important;
    background-color: #FFeedd !important;;
}

div.main-menu {
    border: 1px solid #027505;
    border-bottom: 2px solid #027505;
    background-color: #eeFFee;
    float: left;
    margin: 1px;
    width: 120px;
    height: 32px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.main-menu-hover {
    border-color: orange !important;
    background-color: #FFeedd !important;;
}
.main-menu a {
    font-size: 15px;
    line-height: 34px;
    margin: 2px;
    color: black;
    text-decoration: none;
}

div.left-side-link-wrap, div.right-side-link-wrap {
    width: 140px;
    height: 140px;
    margin: 5px;
    padding: 5px;
    display: table;
}
.side-link-wrap-hover {
    border-color: orange !important;
}

a.side-link {
    width: 95%;
    height: 95%;
    margin: 2%;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
/*    background-color: #027505;*/

}
/* IE 7 css hack */
*:first-child+html a.side-link {
    display: inline;
    zoom: 1;
}
.side-link-wrap-hover a {
    border-color: orange !important;
    color: orange !important;
}

div.menu-title { 
    font-size: 14pt;
    font-weight: bold;
    color: #027505;
    border-bottom: 1px solid #027505;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}
.righted {
    margin-left: auto;
    margin-right: 0;
}

a.search-button {
    display: block;
    width: 15em;
    padding: 0.5em;
    background-color: #dd514c;
    border: 0;
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    background-image: url(imgs/f_arrow.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: right;
}
a.search-button-hover {
    color: #FFFFFF !important;
    border-color: orange !important;
}

div.footer {
    margin-top: 1em;
    padding-top: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    background-color: rgb(170,180,240);
/*    background-color: #0e90d2;*/
}
div.footer-left {
    background-color: rgb(170,180,240);
}
div.footer-right {
    background-color: rgb(170,180,240);
}


div.farmer_photo {
    width: 220px;
    float: left;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;
    border-radius: 7px;


}

img.photo {
    border: 1px solid #343029;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;
    border-radius: 7px;
}
div.farmer_info {
    float: left;
/*
text-shadow: 0 1px 0 rgba(255,255,255,0.35);
color: #7c5f51;
font-size: 16px;
*/
    color: #5b4860;
    font-family: "Josefin Sans",Helvetica,sans-serif;
    font-size: 20px;
/*line-height: 36px;*/
/*letter-spacing: -1px;*/
/*margin: 20px 0;*/
    text-shadow: 0 1px 0 rgba(255,255,255,0.35);
}
div.clear {
    clear: both;
}


div.notation {
    margin-top: 1em;
    margin-bottom: 0.5em;
    padding-bottom: 0.2em;
    border-bottom: 5px solid #95CAFF;
    color: #FF8506;
    text-align: center;
    font-size:15px
}

div.help {
    float:left;
    width: 30%;
    border: 2px solid #027505;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
}

span.alert {
    color: red;
}

div.article {
    margin-top: 13px;
    color: #black;
    background-color: #ffffff;
    font-size: 14pt;
}
div.article-title {
    font-size: 18pt;
    padding: 0.2em;
    color: #ffffff;
}
div.article-content {
    padding: 1em;
    background-color: #ffffff;
}

p.justified {
    text-align: justify;
    text-justify: distribute-all-lines;
}

div.counter {
    text-align: right;
    display: none;
    float: right;
}

div.visible {
    display: block;
}


tr.odd {
    background: rgba(162,178,174,0.3);
}

.color_a {
    background: #0e90d2;
}
.color_b {
    background: #8058a5;
}
.color_c {
    background: #5eb95e;
}
.color_d {
    background: #dd514c;
}
.color_e {
    background: #f37b1d;
}
.color_f {
    background: rgb(250, 210, 50);
}
.color_g {
    background: rgb(170, 180, 240);
}
.color_h {
    background: #ffddec;
}
.color_i {
    background: #027505;
}

h1 {
    font-size: 48px;
    font-weight: normal;
    padding-top: 50px;
    padding-bottom: 150px;
    text-shadow: 1px 1px 3px #ffffff, -1px -1px 3px #ffffff;
}

blockquote.law {
    background-color: #dcca8a;
}


div.breed_container {
    margin-bottom: 1em;
    overflow:hidden;
    position: relative;
    zoom:1;
}
p.breed_title {
    font-size: 18pt;
    color: #0e90d2;
}
div.breed_side {
    float:right;
    margin-left: 0.5em;
}


/* media queries */
@media screen and (max-width: 1044px) {
    .sidebar2 {
	width: 100%;
	float: none;
	margin: 1em 0;
	padding: 0;
	border: 0;
	position: relative;
	overflow: hidden;
    }
    div.right-side-link-wrap {
	width: 100%;
	height: 64px;
	margin-right: 10px;
	display: table;
    }
    a.side-link {
	width: 100%;
	height: 95%;
	margin: 2%;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
    }

    div.article {
	margin-top: 1em;
	color: #black;
	background-color: #ffffff;
	font-size: 14pt;
    }

}

@media screen and (max-width: 870px) {
    .container {
	width: 98%;
    }
    .contents-buffer {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0;
	border: 0;
    }
    .contents {
	margin-left: 0px;
	width: 100%;
	padding: 0;
	border: 0;
    }
    div.left-side-link-wrap {
	width: 100%;
	height: 64px;
	display: table;
    }

    .sidebar {
	width: 95%;
	float: none;
	display: inline;
	margin: 1em 0;
	padding: 0;
	border: 0;
	position: relative;
	overflow: hidden;
    }

}