@charset "UTF-8";
/*
Theme Name: DP lab
Theme URI: http://dplab.cc/
Description: DP lab用のテンプレート
Author: たくひと
Author URI: http://dplab.cc/
Version: 0.1
*/


/***	基本設定	***/

body {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 14px;
    color:#333333;
}

ol,ul,li{
    list-style:none;
}

a:link,
a:visited{
    color: #39F;
    text-decoration:none;
}

a:hover,
a:active {
    color: #CCC;
    text-decoration:none;
}

#space_height10 {
    clear:both;
    height: 10px;
    width: 960px;
}

.back_blue {
    background-color: #0cf;
}

.back_yellow {
    background-color: #FF0;
}

.back_pink {
    background-color: #f09;
}

/***	ヘッダー	***/

#header{
    background:url(images/menu_wave_top.png) repeat-x left bottom;
    background-color:#FFF;
    min-width:1050px;
}

#header h1 {
    width:950px;
    height:120px;
    padding-left:50px;
    position:relative;
}

#header h1 #logo{
    display:block;
    background:url(images/dplab_logo.png);
    width:241px;
    height: 105px;
    text-indent:-9999px;
}

#header h1 img{
    position:absolute;
    top:15px;
    right:0px;
}

#menu {
    padding-left: 50px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFF;
    font-size: 10px;
    letter-spacing: 1px;
}

#menu_link {
    margin-right: 30px;
    float: left;
    line-height: 30px;
}

#menu_link a {
    padding:0 10px;
}

#menu_link a:link,
#menu_link a:visited{
    color: #FFF;
}

#menu_link a:hover,
#menu_link a:active{
    color: #39F;
}

#menu_link ul {
    margin-left:40px;
}

#menu_link li {
    display: inline;
    border-right: 1px solid #FFF;
}

#menu_search {
    float: left;
    padding: 5px 5px;
}

#menu_search .search_text {
    height:16px;
    background-color: #FFF;
    border: 1px solid #CCC;
}

.search_btn {
    height:20px;
    color: #FFF;
    background-color: #000;
    border: 1px solid #666;
}

/***	メイン		***/

#main {
    width: 960px;
    margin:10px 0 10px 45px;
}

.dotline {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}

.column {
    display: block;
    width: 210px;
    margin: 10px 10px 0 0;
    padding:9px;
    border: 1px solid #CCC;
    float: left;
}

.column a{
    color: #000;
}

/***	サイドバー	***/

.side_title {
    font-size: 20px;
    line-height:1em;
    font-weight: bold;
    color: #333;
    border-bottom: 10px solid #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: italic;
}

.side_column{
    font-size: 12px;
    line-height: 2em;
    min-height:310px;
    padding:9px;
}

.side_column a:link,
.side_column a:visited {
    color: #000;
}

.side_column a:hover,
.side_column a:active{
    text-decoration: none;
    color: #fff;
}

.side_column li {
    text-indent:-1.5em;
    margin-left:1.5em;
    list-style:decimal inside;
}

#side_Editorial {
    margin-top:2px;
}

#side_Editorial a img {
    margin: 1px;
}

.otw_icon {
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    width: 115px;
    float: left;
    margin-top: 5px;
}

/***	フッター	***/

#footer {
    background:#FFF url(images/menu_wave_under.png) repeat-x;
    min-width:1050px;
    height:45px;
}

#footer_menu{
    padding-left: 50px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    color: #FFF;
}

#footer a:link,
#footer a:visited{
    color: #FFF;
}

#footer a:hover,
#footer a:active{
    color: #39F;
}

#footer_cc {
    display:block;
    padding-right:5px;
    float: left;
}

#footer_cc img{
    vertical-align:middle;
}

#footer_privacy {
    display:block;
    padding:8px 5px;
    border:dotted #FFF;
    border-width: 0 1px;
    float: left;
}

#footer_sitemap {
    display:block;
    padding:8px 5px;
    float: left;
}
.profile_name {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 24px;
    font-weight: bolder;
    line-height: 24px;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 20px;
}
.profile_posts {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10px;
    color: #FFF;
    font-weight: normal;
    width: 71px;
    text-align: center;
    border: 1px solid #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #000;
    padding: 2px;
    line-height: 24px;
    height: 12px;
    vertical-align: middle;
    margin-left: 5px;
}
#profile {
    background-color: #FFF;
    padding: 20px;
    width: 660px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    color: #000;
    line-height: 2em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 20px;
}
#in_box p {
    margin-bottom: 1em;
    margin-top: 1em;
    line-height: 2;
}
.pages_subtitle {
    background-color: #000;
    padding: 5px;
    margin-bottom: 10px;
    color: #FFF;
    line-height: 2em;
}
.formText {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 2;
    border: 1px solid #CCC;
}
.formTable {
    border-collapse:separate;
    border-spacing:10px;
}
.formTableV {
    vertical-align: top;
    text-align: right;
}

.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}