/* Reset */
body,img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none;}
/* End Reset */

body {
font-size:0.8em; 
font-family:"Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro',Osaka, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 background: #FFF;}

a {text-decoration : underline}
a:link {color: #0179ea}
a:visited {color: #0079ea}
a:hover {color: #ffff00}
a:active {color: #ff8000}

/* Colors */
.sb {color:#0179ea}
.sb1 {color:#8dc100}
.sb2 {color:#f2bc00}
.sb3 {color:#dfdfdf}

.color-yellow {background:#f2bc00}
.color-red background:#dd0000}
.color-blue {background-color: #0079ea}
.color-white {background:#dfdfdf}
.color-orange {background:#f66e00}
.color-green {background:#8dc100}
.color-yellow h3,.color-white h3,.color-green h3 {color:#000}
.color-red h3, color-blue h3, .color-orange h3 {color:#FFF}
/* End Colors */

/* Head section */
@media all and (max-width:767px) {div#head{display:none}}

@media all and (min-width:768px) {
#header-sp{display:none}
div#sitename p{ font-size:0.9em; color:#777}
div#head {margin:0 4em 0 2em}
div#head div#logo1{height:130px; background: url(header2.jpg) no-repeat right bottom}
div#head div#logo2{height:130px; background: url(header1.jpg) no-repeat left bottom}
}

#footer {clear: both; padding: 20px;}
#footer p {font-size: 0.9em;color: #777;text-align: center;font-family: Arial, Helvetica, sans-serif}

/* End Head Section */

/* Columns section */

@media all and (min-width:768px) {
#columns .column {float: left;width: 33.3%;
/* Min-height: */
min-height: 400px;height: auto !important; height: 400px;
}
}

/* Column dividers (background-images) : */
#columns #column1 { background: url() no-repeat right top; }

/* End Columns section */
#columns #column2 {background: url() no-repeat left top;}
#columns #column3 {background: url() no-repeat left top}
#columns .widget {margin:0 1em 1.5em .5em}

@media all and (min-width:768px) and {div#columns {margin:0em 1.5em}}
@media all and (min-width:769px) and (orientation:landscape) {div#columns {margin:0em 1.5em}}

#columns .widget {
padding: 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 5px 5px 6px #818181;
-webkit-box-shadow: 5px 5px 6px #818181;
-moz-box-shadow: 5px 5px 6px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}

#columns .widget .widget-head {overflow: hidden;}
#columns .widget .widget-head h3{color: #000;font-size:1.3em;font-weight:normal; line-height:1.3em;padding:.5em .5em .4em .6em;}

#columns .widget .widget-content {
background: #333 url(./widget-content-bg.png) repeat-x;
padding: 0 5px;color: #DDD;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
line-height: 1.2em;overflow: hidden;}

#columns .widget .widget-content p {border-bottom: 1px dotted #666;line-height: 1.5em;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px}
#columns .widget .widget-content img {float: right;margin: 10px;border: 1px solid #FFF}
#columns .widget .widget-content pre {padding: 0.5em 5px;color: #EEE;font-size: 1em}
#columns .widget .widget-content ul {padding: 5px 0 5px 20px;list-style: disc}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {padding: 7px 0 0 0;list-style: none;height: 1%}
#columns .widget .widget-content ul.images li {display: inline;float: left}
#columns .widget .widget-content ul.images img {display: inline;float: left;margin: 0 0 7px 7px}