/* ------------------------------------------------------------ 全体の幅設定 ------------------------------------------------------------ */ div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;} #container {width:820px; margin-left:auto; margin-right:auto; background-color:#FFFFFF;} body {margin:0px; padding: 0px; font-size:10px; color:#666666; background-image:url(http://www.pandoll.com/img/bg1.jpg); background-position:center top;} #side_bg {width:834px; background-image:url(http://www.pandoll.com/img/side_bg.gif); background-position:center top; background-repeat:repeat-y; margin-left:auto; margin-right:auto;} img {border:none;} /* ------------------------------------------------------------ ヘッダー背景設定 ------------------------------------------------------------ */ #head {width:800px; height:33px; margin-left:auto; margin-right:auto; background-image:url(http://www.pandoll.com/img/top_001.jpg); background-repeat:no-repeat; background-position: center top; text-align:right;} #header {width:820px; height:145px; background-image: url(http://www.pandoll.com/img/top_01.jpg);background-repeat: no-repeat;background-position: center top;} #rb {width:600px; font-size:12px; color:#990000; padding-top:108px; padding-left:30px;} /* ------------------------------------------------------------ Flash設定 ------------------------------------------------------------ */ #flash {width:780px; height:300px; margin-left:auto; margin-right:auto;} /* ------------------------------------------------------------ 左ボックス設定 ------------------------------------------------------------ */ #left_box {width:540px; margin-bottom:30px; float:left;} #left_main {width:520px; margin-left:20px; margin-top:20px;} #left_main h1 {font-size:14px; color:#FF6666;} #left_main a {font-size:11px; color:#FF0033;} .title {margin-bottom:10px;} .title_01 {margin-bottom:20px;} .title_02 {margin-bottom:10px;} .ricruit_01 {margin-top:5px;} .top_entry {width:500px; height:auto;} .top_entry h3 {font-size:16px; color:#333333; margin:0px; padding:0px 0px 0px 20px; background-image:url(http://www.pandoll.com/img/000804.gif); background-repeat:no-repeat;} .top_entry h4 {font-size:16px; color:#333333; margin:5px 0 0 0; padding:0px 0px 0px 20px; background-image:url(http://www.pandoll.com/img/000804.gif); background-repeat:no-repeat;} .top_entry p {font-size:12px; color:#666666; line-height:180%;} #frame {width:500px; margin-left:20px; margin-top:10px;} .entry_top {width:500px; height:8px; background-image:url(http://www.pandoll.com/img/entry_top.jpg); background-repeat:no-repeat; margin:0px; padding:0px;} .entry_bg {width:485px; background-image:url(http://www.pandoll.com/img/bg1.jpg); padding:5px 0px 5px 15px; margin:0px;} .entry_bottom {width:500px; height:8px; background-image:url(http://www.pandoll.com/img/entry_bottom.jpg); background-repeat:no-repeat; margin-bottom:15px;} #tel_box {width:500px; margin-left:20px; margin-top:25px; clear:both; background-image:url(http://www.pandoll.com/img/tel_01.jpg); background-repeat:no-repeat; padding-top:40px;} #top_bottom {width:500px; margin-left:20px; margin-top:10px; clear:both; border-top:dotted; border-top-width:1px; border-top-color:#999999; padding-top:10px;} .posted {font-size:9px; color:#FF9999;} #entry_footer {clear:both;} #top_banner {width:500px; margin-left:20px; margin-top:10px; margin-bottom:10px; border-top:dotted; border-top-color:#999999; border-top-width:1px; padding-top:10px; padding-bottom:15px;} #top_banner img {float:left; margin-right:5px;} #top_banner02 {width:500px; margin-left:20px; margin-top:10px; border-top:dotted; border-top-color:#999999; border-top-width:1px; padding-top:10px; clear:both;} #top_banner02 img {float:left; margin-right:5px; margin-bottom:10px;} #top_banner03 {width:500px; margin-left:20px; margin-top:10px; border-top:dotted; border-top-color:#999999; border-top-width:1px; padding-top:10px; clear:both;} #top_banner03 img {float:left; margin-right:5px; margin-bottom:10px;} /* ------------------------------------------------------------ 右ボックス設定 ------------------------------------------------------------ */ #right_box {width:280px; margin-bottom:30px; margin-top:25px; text-align:left; float:right;} #right_content {width:260px; margin-left:0px; margin-right:auto; text-align:left; background-image:url(http://www.pandoll.com/img/recententry_title.jpg); background-repeat:no-repeat; padding-top:64px;} #right_content a {font-size:12px; color:#333333; padding-left:12px; background-image:url(http://www.pandoll.com/img/point_01.gif); background-repeat:no-repeat; background-position:left; text-decoration:none;} #right_content ul {list-style-type:none; margin:0px; padding:0px;} #right_content li {background-color:efefef; padding:5px 0 5px 15px; border-top:solid 1px #FFFFFF; border-bottom:solid 1px dcdddd; border-left:solid 1px #dcdddd; border-right:solid 1px #dcdddd; margin:0px;} #right_content li:visited {background-color:efefef;} #right_content li:hover {background-color:#fadbd9;} #right_content li:active {background-color:#fadbd9;} #categories_content {width:260px; height:auto; margin-left:0px; margin-right:auto; margin-bottom:0px; background-image:url(http://www.pandoll.com/img/categories_title.jpg); background-repeat:no-repeat; padding-top:65px; text-align:left;} #categories_content a {font-size:12px; color:#333333; padding-left:12px; background-image:url(http://www.pandoll.com/img/point_01.gif); background-repeat:no-repeat; background-position:left; text-decoration:none;} #categories_content ul {list-style-type:none; margin:0px; padding:0px;} #categories_content li {background-color:efefef; padding:5px 0 5px 15px; border-top:solid 1px #FFFFFF; border-bottom:solid 1px dcdddd; border-left:solid 1px #dcdddd; border-right:solid 1px #dcdddd; margin:0px;} #categories_content li:visited {background-color:efefef;} #categories_content li:hover {background-color:#fadbd9;} #categories_content li:active {background-color:#fadbd9;} /* ------------------------------------------------------------ フッターページ背景設定 ------------------------------------------------------------ */ #footer {width:820px;height:115px; clear:both; background-image:url(http://www.pandoll.com/img/copy.jpg); background-repeat:no-repeat; background-position:center bottom;} #top_footer {width:820px;height:130px; clear:both; background-image:url(http://www.pandoll.com/img/copy.jpg); background-repeat:no-repeat; background-position:center bottom;} #footer_contents {width:780px; height:auto; text-align:center; margin-left:auto; margin-right:auto; border-top:dotted #999999; border-top-width:1px; padding-top:10px;} #page_box {width:780px; text-align:right; margin-left:auto; margin-right:auto; clear:both;} /************************************************************************************************** CLEARFIX CLASS **************************************************************************************************/ .clearfix:after{display:block; clear:both; height:0; visibility:hidden; content:"."; line-height:0;} .clearfix{display:inline-table; min-height:1%;} /* FOR MAC IE \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* END OF FOR MAC IE */ /************************************************************************************************** FOR IPHONE / IPOD TOUCH **************************************************************************************************/ @media only screen and (max-device-width:480px){ #elementName{property:value;} } /* ------------------------------------------------------------ その他詳細設定 ------------------------------------------------------------ */ table{font-size:11px; color:#333333;} a:link {font-size: 10px;color: #666666;text-decoration: none;} a:visited {font-size: 10px;color: #666666;text-decoration: none;} a:hover {font-size: 10px;color: #3366FF;text-decoration: underline;} a:active {font-size: 10px;color: #3366FF;text-decoration: underline;} .ss {font-size:8px; color:#666666;} .s {font-size:9px; color:#000000;} .ws {font-size:9px; color:#FFFFFF;} wh {font-size: 9px; color:#FFFFFF; text-decoration: none;} .sr {font-size:9px; color:#660000;} .w {font-size:10px; font-weight:normal; color:#FFFFFF;} .b {font-size:10px; font-weight:bold; color:#333333;} .h4 {font-size:12px; line-height:normal; color:#990000; font-weight:bold;} .bb {font-size:12px; line-height:normal; color:#333333; font-weight:bold;} .wb {font-size:12px; color:#FFFFFF;} .no {font-size:12px; color:#CCCCCC; font-weight:bold; line-height:normal;} h1#seo {font-size:12px;color: #fff; text-indent:-9999px; position:absolute; top:-9999px; left:-9999px;}